Take full advantage of tailwind v4.

Author: nedtwigg

browser-extension/package.json

@@ -18,18 +18,16 @@
   "devDependencies": {
     "@biomejs/biome": "^2.1.2",
     "@playwright/test": "^1.46.0",
-    "@tailwindcss/postcss": "^4.1.13",
+    "@tailwindcss/vite": "^4.1.13",
     "@testing-library/jest-dom": "^6.6.4",
     "@types/express": "^4.17.21",
     "@types/har-format": "^1.2.16",
     "@types/node": "^22.16.5",
     "@vitejs/plugin-react": "^5.0.2",
     "@vitest/coverage-v8": "^3.2.4",
     "@vitest/ui": "^3.2.4",
-    "autoprefixer": "^10.4.21",
     "express": "^4.19.2",
     "linkedom": "^0.18.12",
-    "postcss": "^8.5.6",
     "tailwindcss": "^4.1.13",
     "tsx": "^4.19.1",
     "typescript": "^5.8.3",

browser-extension/postcss.config.cjs

@@ -1,13 +1,11 @@
 import { defineConfig } from 'wxt'
 import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
 
 export default defineConfig({
   vite: () => ({
-    plugins: [react()],
-    css: {
-      postcss: path.resolve('./postcss.config.cjs')
-    },
+    plugins: [react(), tailwindcss()],
     resolve: {
       alias: {
         '@': path.resolve('./src')