feat: Tailwind v4 migration

Author: dogukanoksuz

.eslintrc.json

@@ -3,25 +3,14 @@
   "root": true,
   "extends": [
     "next/core-web-vitals",
-    "prettier",
-    "plugin:tailwindcss/recommended"
-  ],
-  "plugins": [
-    "tailwindcss"
+    "prettier"
   ],
   "rules": {
     "@next/next/no-html-link-for-pages": "off",
     "react/jsx-key": "off",
-    "tailwindcss/no-custom-classname": "off",
     "react-hooks/exhaustive-deps": "off"
   },
   "settings": {
-    "tailwindcss": {
-      "callees": [
-        "cn"
-      ],
-      "config": "tailwind.config.js"
-    },
     "next": {
       "rootDir": [
         "./"
@@ -37,4 +26,4 @@
       "parser": "@typescript-eslint/parser"
     }
   ]
-}
+}

package.json

@@ -75,21 +75,20 @@
   },
   "devDependencies": {
     "@ianvs/prettier-plugin-sort-imports": "^4.2.1",
+    "@tailwindcss/postcss": "^4.0.15",
     "@types/blueimp-md5": "^2.18.2",
     "@types/node": "^20.11.30",
     "@types/nprogress": "^0.2.3",
     "@types/react": "^18.2.73",
     "@types/react-dom": "^18.2.23",
     "@typescript-eslint/parser": "^7.4.0",
-    "autoprefixer": "^10.4.19",
     "eslint": "^8.57.0",
     "eslint-config-next": "14.1.4",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-tailwindcss": "^3.15.1",
     "postcss": "^8.4.38",
     "prettier": "^3.2.5",
-    "tailwindcss": "^3.4.3",
+    "tailwindcss": "^4.0.15",
     "typescript": "^5.4.3"
   },
   "packageManager": "[email protected]+sha512.0a203ffaed5a3f63242cd064c8fb5892366c103e328079318f78062f24ea8c9d50bc6a47aa3567cabefd824d170e78fa2745ed1f16b132e16436146b7688f19b"