prepare for Tailwind CSS v4 upgrade

Author: RobinMalfait

playgrounds/react/pages/_app.tsx

@@ -2,7 +2,7 @@ import Link from 'next/link'
 import { useEffect, useState } from 'react'
 
 import { useRouter } from 'next/router'
-import 'tailwindcss/tailwind.css'
+import './styles.css'
 
 function disposables() {
   let disposables: Function[] = []

playgrounds/react/pages/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

playgrounds/vue/src/main.ts

@@ -3,6 +3,6 @@ import { createApp } from 'vue'
 import App from './App.vue'
 import router from './router'
 
-import 'tailwindcss/tailwind.css'
+import './styles.css'
 
 createApp(App).use(router).mount('#app')

playgrounds/vue/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;