chore: Upgrade tailwind to v4 and daisyui to v5-beta (#42)

Author: aklinker1

bun.lock

@@ -23,31 +23,30 @@
     "@webext-core/messaging": "^2.0.2",
     "@webext-core/proxy-service": "^1.2.0",
     "async-mutex": "^0.5.0",
-    "daisyui": "^4.12.13",
     "fast-deep-equal": "^3.1.3",
     "minimatch": "^10.0.1",
     "ofetch": "^1.4.1"
   },
   "devDependencies": {
     "@aklinker1/generate-changelog": "^1.1.2",
     "@iconify/json": "^2.2.261",
+    "@tailwindcss/vite": "^4.0.6",
     "@types/bun": "^1.1.11",
     "@types/chrome": "^0.0.278",
     "@types/jsdom": "^21.1.7",
     "@vitest/coverage-v8": "^2.1.3",
     "@wxt-dev/auto-icons": "^1.0.2",
     "@wxt-dev/i18n": "^0.2.1",
     "@wxt-dev/module-vue": "^1.0.1",
-    "autoprefixer": "^10.4.20",
+    "daisyui": "^5.0.0-beta.7",
     "env-cmd": "^10.1.0",
     "fast-glob": "^3.3.2",
     "jsdom": "^25.0.1",
     "lint-staged": "^15.2.10",
-    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "publish-browser-extension": "^2.2.2",
     "simple-git-hooks": "^2.11.1",
-    "tailwindcss": "^3.4.14",
+    "tailwindcss": "^4.0.6",
     "typescript": "^5.6.3",
     "unplugin-icons": "^0.19.3",
     "vitest": "^2.1.3",

package.json

@@ -1,3 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+@plugin "daisyui" {
+  themes: emerald --default;
+}

postcss.config.cjs

@@ -13,7 +13,7 @@ const emits = defineEmits<{
     <div class="py-2 px-2.5 font-bold"><slot /></div>
 
     <textarea
-      class="font-mono p-2 w-full resize-y m-0 outline-none -mb-1 min-h-[5rem]"
+      class="font-mono p-2 w-full resize-y m-0 outline-none border-0 -mb-1 min-h-[5rem]"
       :placeholder="i18n.t('options.customLists.customRepoPlaceholder')"
       :value="value"
       @input="

src/assets/tailwind.css

@@ -1,5 +1,6 @@
 import { defineConfig } from "wxt";
 import Icons from "unplugin-icons/vite";
+import Tailwindcss from "@tailwindcss/vite";
 
 export default defineConfig({
   srcDir: "src",
@@ -20,7 +21,7 @@ export default defineConfig({
     ],
   },
   vite: () => ({
-    plugins: [Icons({ compiler: "vue3" })],
+    plugins: [Icons({ compiler: "vue3" }), Tailwindcss() as any],
     ssr: {
       // List any dependencies that depend on webextension-polyfill here for vite-node importer to work
       noExternal: ["@webext-core/proxy-service", "@webext-core/messaging"],