feat: tailwindcss & daisyui beta

assets/input.css

@@ -1,3 +1,24 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
+@plugin "daisyui";
+@plugin "@tailwindcss/typography";
+
+@config '../tailwind.config.js';
+
+/*
+  The default border color has changed to `currentColor` in Tailwind CSS v4,
+  so we've added these compatibility styles to make sure everything still
+  looks the same as it did with Tailwind CSS v3.
+
+  If we ever want to remove these styles, we need to add an explicit border
+  color utility to any element that depends on these defaults.
+*/
+@layer base {
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentColor);
+  }
+}

package.json

@@ -1,19 +1,13 @@
 {
   "scripts": {
-    "build:css": "postcss assets/input.css -o assets/style.css",
-    "watch:css": "postcss assets/input.css -o assets/style.css --watch",
-    "build:tailwind": "tailwindcss --input assets/input.css --output assets/style.css",
-    "watch:tailwind": "tailwindcss --input assets/input.css --output assets/style.css --watch",
-    "dev": "npm-run-all --parallel watch:css watch:tailwind"
+    "dev": "npx @tailwindcss/cli --input assets/input.css --output assets/style.css --watch"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.15",
-    "autoprefixer": "^10.4.20",
-    "cssnano": "^7.0.6",
-    "daisyui": "^4.12.23",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.49",
-    "postcss-cli": "^11.0.0",
-    "tailwindcss": "^3.4.17"
+    "daisyui": "^5.0.0-beta.1",
+    "tailwindcss": "^4.0.0-beta.9"
+  },
+  "dependencies": {
+    "@tailwindcss/cli": "^4.0.0-beta.9"
   }
 }

tailwind.config.js

@@ -24,9 +24,6 @@ module.exports = {
       },
     },
   },
-  plugins: [
-    require("@tailwindcss/typography"),
-    require('daisyui')],
   daisyui: {
     themes: ["light", "dark"],
   },