chore: update tailwind to v3

package.json

@@ -10,7 +10,7 @@
     "generate": "graphql-codegen --config codegen.yml"
   },
   "dependencies": {
-    "@tailwindcss/forms": "^0.3.2",
+    "@tailwindcss/forms": "^0.5.3",
     "graphql": "^15.5.0",
     "graphql-request": "^3.4.0",
     "heroicons-react": "1.3.0",
@@ -21,7 +21,7 @@
     "react-router-dom": "^5.2.0",
     "react-select": "4.0.2",
     "swr": "^0.5.6",
-    "tailwindcss": "^2.0.3",
+    "tailwindcss": "^3.1.8",
     "zustand": "^3.5.1"
   },
   "devDependencies": {
@@ -36,12 +36,11 @@
     "@types/react-select": "^4.0.15",
     "@typescript-eslint/eslint-plugin": "^4.24.0",
     "@typescript-eslint/parser": "^4.24.0",
-    "autoprefixer": "^10.2.4",
+    "autoprefixer": "^10.4.12",
     "eslint": "^7.26.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-react": "^7.23.2",
-    "postcss": "^8.3.0",
-    "postcss-cli": "^8.3.1",
+    "postcss": "^8.4.17",
     "prettier": "^2.3.0",
     "typescript": "^4.0.0",
     "vite": "^3.1.7"

src/index.css

@@ -74,5 +74,5 @@ code {
   background-size: 1.5em 1.5em;
   padding-right: 2.5rem;
   -webkit-print-color-adjust: exact;
-  color-adjust: exact;
+  print-color-adjust: exact;
 }

tailwind.config.js

 module.exports = {
-  mode: 'jit',
-  purge: ['./src/**/*.html', './src/**/*.tsx'],
-  darkMode: false, // or 'media' or 'class'
+  content: [
+    "./src/**/*.{html,js,jsx,tsx,md,mdx,astro}",
+  ],
   theme: {
     extend: {},
   },