chore: upgrade tailwind to v4 (#8)

Author: jevin98

AGENTS.md

@@ -27,7 +27,7 @@ Guidance for coding agents working in this repository.
 -`entrypoints/devtools-panel/lang.ts`: typed wrapper around `browser.i18n.getMessage`.
 -`public/_locales/en/messages.json`: English extension and panel messages.
 -`public/_locales/zh_CN/messages.json`: Simplified Chinese extension and panel messages.
--`assets/main.css`: Tailwind layers and small global Element Plus table overrides.
+-`assets/main.css`: Tailwind CSS v4 import and small global Element Plus table overrides.
 -`public/icon/`: extension icons.
 -`.github/renovate.json5`: dependency update policy.
 

assets/main.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import"tailwindcss";
 
 body {
 padding:16px;
@@ -10,4 +8,4 @@ body {
 
 .el-table--enable-row-hover .el-table__bodytr:hover>td.el-table__cell{
 background-color: inherit !important;
-}
+}

package.json

@@ -28,14 +28,13 @@
  },
 "devDependencies": {
 "@antfu/eslint-config": "^3.12.0",
+"@tailwindcss/vite": "^4.3.0",
 "@types/chrome": "^0.0.280",
 "@vueuse/core": "^12.0.0",
 "@wxt-dev/module-vue": "^1.0.3",
-"autoprefixer": "^10.4.20",
 "conventional-changelog-cli": "^5.0.0",
 "eslint": "^9.17.0",
-"postcss": "^8.4.49",
-"tailwindcss": "^3.4.17",
+"tailwindcss": "^4.3.0",
 "typescript": "5.6.3",
 "vue-tsc": "^2.1.10",
 "wxt": "^0.20.26"