Migrate Tailwind to Vite

web/knip.jsonc

@@ -1,6 +1,6 @@
 {
   "$schema": "https://unpkg.com/knip@5/schema.json",
-  "ignoreDependencies": ["eslint-plugin-jsx-a11y", "@typescript-eslint/typescript-estree", "@typescript-eslint/parser", "@tailwindcss/forms", "@tailwindcss/typography", "tailwindcss", "postcss", "@react-router/fs-routes"],
+  "ignoreDependencies": ["eslint-plugin-jsx-a11y", "@typescript-eslint/typescript-estree", "@typescript-eslint/parser", "@tailwindcss/forms", "@tailwindcss/typography", "tailwindcss", "@react-router/fs-routes"],
   "ignoreBinaries": ["flyctl"],
   "ignore": ["./ecosystem.config.js", "./app/routes.ts", "./react-router.config.ts"]
 }

web/package.json

@@ -30,7 +30,7 @@
     "@react-router/serve": "^7.1.5",
     "@reduxjs/toolkit": "^2.5.1",
     "@swetrix/sdk": "^1.1.0",
-    "@tailwindcss/postcss": "^4.0.4",
+    "@tailwindcss/vite": "^4.0.5",
     "@types/ua-parser-js": "^0.7.39",
     "axios": "^1.7.9",
     "axios-auth-refresh": "^3.3.6",
@@ -147,9 +147,8 @@
     "eslint": "^8.57.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "knip": "^5.43.6",
-    "postcss": "^8.5.1",
     "prettier": "^3.4.2",
-    "tailwindcss": "^4.0.4",
+    "tailwindcss": "^4.0.5",
     "typescript": "^5.7.3",
     "vite": "^5.4.14",
     "vite-tsconfig-paths": "^5.1.4"

web/vite.config.ts

@@ -1,4 +1,5 @@
 import { reactRouter } from '@react-router/dev/vite'
+import tailwindcss from '@tailwindcss/vite'
 import { defineConfig } from 'vite'
 import tsconfigPaths from 'vite-tsconfig-paths'
 
@@ -32,5 +33,5 @@ export default defineConfig({
       include: ['axios-auth-refresh', '@swetrix/sdk'],
     },
   },
-  plugins: [reactRouter(), tsconfigPaths()],
+  plugins: [reactRouter(), tsconfigPaths(), tailwindcss()],
 })