Tailwindcss v4

.github/workflows/validate.yml

@@ -35,6 +35,20 @@ jobs:
       - run: pnpm install --prefer-offline --frozen-lockfile
       - run: pnpm run typecheck
 
+  check-unused:
+    needs: lint
+    name: ✂️ Check unused code
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: "package.json"
+          cache: "pnpm"
+      - run: pnpm install --prefer-offline --frozen-lockfile
+      - run: pnpm run check:unused
+
   vitest:
     needs: typecheck
     name: ⚡ Unit Tests

app/tailwind.css

@@ -1,3 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+	/* Your theme styles go here */
+}

knip.json

@@ -2,7 +2,8 @@
 	"$schema": "https://unpkg.com/knip@5/schema.json",
 	"entry": ["scripts/*.{ts,js}", "app/routes.ts", "app/server/*.ts", "app/library/icon/Icon.tsx"],
 	"remix": true,
+	"lefthook": true,
 	"project": ["**/*.{js,cjs,mjs,jsx,ts,cts,mts,tsx}"],
-	"ignore": ["app/library/icon/icons/types.ts"],
-	"ignoreDependencies": ["@babel/preset-typescript", "babel-plugin-react-compiler"]
+	"ignore": ["app/library/icon/icons/types.ts", "react-router.config.ts"],
+	"ignoreDependencies": ["@babel/preset-typescript", "babel-plugin-react-compiler", "tailwindcss"]
 }

package.json

@@ -31,7 +31,7 @@
 		"@react-router/node": "7.1.2",
 		"clsx": "2.1.1",
 		"hono": "4.6.12",
-		"i18next": "23.15.2",
+		"i18next": "24.2.1",
 		"i18next-browser-languagedetector": "8.0.0",
 		"i18next-fetch-backend": "6.0.0",
 		"isbot": "5.1.17",
@@ -42,7 +42,7 @@
 		"react-router": "7.1.2",
 		"react-router-hono-server": "2.6.2",
 		"remix-hono": "0.0.16",
-		"remix-i18next": "7.0.0",
+		"remix-i18next": "7.0.2",
 		"tailwind-merge": "2.5.4",
 		"zod": "3.23.8"
 	},
@@ -52,25 +52,24 @@
 		"@dotenvx/dotenvx": "1.24.5",
 		"@react-router/dev": "7.1.2",
 		"@react-router/fs-routes": "7.1.2",
-		"@testing-library/react": "16.0.1",
+		"@tailwindcss/vite": "4.0.0",
+		"@testing-library/react": "16.2.0",
 		"@types/node": "22.9.1",
 		"@types/prompt": "1.1.9",
 		"@types/react": "19.0.0",
 		"@types/react-dom": "19.0.1",
-		"@vitest/browser": "3.0.2",
-		"@vitest/coverage-v8": "3.0.2",
-		"@vitest/ui": "3.0.2",
-		"autoprefixer": "10.4.20",
+		"@vitest/browser": "3.0.3",
+		"@vitest/coverage-v8": "3.0.3",
+		"@vitest/ui": "3.0.3",
 		"babel-plugin-react-compiler": "19.0.0-beta-df7b47d-20241124",
 		"chalk": "5.3.0",
 		"happy-dom": "15.11.6",
 		"knip": "5.39.4",
 		"lefthook": "1.8.4",
 		"playwright": "1.49.0",
-		"postcss": "8.4.49",
 		"prompt": "1.3.0",
-		"react-router-devtools": "1.0.5",
-		"tailwindcss": "3.4.15",
+		"react-router-devtools": "1.1.0",
+		"tailwindcss": "4.0.0",
 		"tsx": "4.19.2",
 		"typescript": "5.6.3",
 		"vite": "6.0.11",