[dep] upgrade tailwindcss v4

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package.json

@@ -40,7 +40,7 @@
     "@types/throttle-debounce": "^5.0.2",
     "ahooks": "^3.9.6",
     "framer-motion": "^12.23.24",
-    "next": "15.2.3",
+    "next": "16.0.1",
     "next-themes": "^0.4.6",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
@@ -50,6 +50,7 @@
     "tauri-plugin-system-info-api": "^2.0.10"
   },
   "devDependencies": {
+    "@tailwindcss/postcss": "^4.1.16",
     "@tauri-apps/cli": "^2.9.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -72,7 +73,7 @@
     "postcss-import": "^16.1.1",
     "postcss-nesting": "^13.0.2",
     "tailwind-merge": "3.0.2",
-    "tailwindcss": "3.4.17",
+    "tailwindcss": "^4.1.16",
     "typescript": "^5.9.3"
   },
   "browserslist": {

postcss.config.js

@@ -1,9 +1,6 @@
 module.exports = {
   plugins: {
-    "postcss-import": {},
+    "@tailwindcss/postcss": {},
-    "tailwindcss/nesting": "postcss-nesting",
-    tailwindcss: {},
-    autoprefixer: {},
     ...(process.env.NODE_ENV === "production" ? { cssnano: {} } : {}),
   },
 }

src/app/globals.css

@@ -1,6 +1,5 @@
-@tailwind base;
+@import "tailwindcss";
-@tailwind components;
+@config "../../tailwind.config.js";
-@tailwind utilities;
 
 html,
 body {

tsconfig.json

@@ -16,7 +16,7 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
     "baseUrl": ".",
     "paths": {
@@ -35,7 +35,8 @@
     "**/*.ts",
     "**/*.tsx",
     "*.js",
-    ".next/types/**/*.ts"
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
   ],
   "exclude": [
     "node_modules",