Bumped TailwinCSS from 2 to 3

package.json

@@ -18,25 +18,25 @@
     "@capacitor/status-bar": "^4.0.0",
     "@ionic/react": "^6.2.9",
     "@ionic/react-router": "^6.2.9",
-    "autoprefixer": "^10.2.6",
     "classnames": "^2.2.6",
     "next": "^12.2.0",
-    "postcss": "^8.3.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-router-dom": "^5.2.0",
-    "react-virtuoso": "^1.1.1",
-    "tailwindcss": "^2.2.0"
+    "react-virtuoso": "^1.1.1"
   },
   "devDependencies": {
     "@capacitor/cli": "^4.0.0",
+    "autoprefixer": "^10.4.12",
     "eslint": "^7.28.0",
     "eslint-config-next": "^11.0.0",
     "ionicons": "^6.0.3",
     "next-transpile-modules": "^9.0.0",
+    "postcss": "^8.4.18",
     "prettier": "^2.2.1",
     "pullstate": "1.24",
     "react-use-gesture": "^9.1.3",
-    "reselect": "^4.0.0"
+    "reselect": "^4.0.0",
+    "tailwindcss": "^3.2.0"
   }
 }

tailwind.config.js

@@ -1,11 +1,11 @@
 module.exports = {
-  purge: [],
+  content: [    
+    './pages/**/*.{js,ts,jsx,tsx}',
+    './components/**/*.{js,ts,jsx,tsx}',
+  ],
   darkMode: 'media',
   theme: {
     extend: {},
   },
-  variants: {
-    extend: {},
-  },
   plugins: [],
 };