migrate to tailwind 3

packages/dashboard/package.json

@@ -12,7 +12,6 @@
     "@fontsource/source-sans-pro": "4.5.1",
     "@stripe/react-stripe-js": "1.6.0",
     "@stripe/stripe-js": "1.22.0",
-    "autoprefixer": "10.4.0",
     "classnames": "2.3.1",
     "copy-text-to-clipboard": "^3.0.1",
     "dayjs": "1.10.7",
@@ -23,8 +22,6 @@
     "ky": "0.28.7",
     "next": "12.0.5",
     "normalize.css": "8.0.1",
-    "postcss": "8.4.5",
-    "prettier": "2.5.1",
     "pretty-bytes": "5.6.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -36,10 +33,13 @@
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "0.3.4",
+    "@tailwindcss/forms": "0.4.0",
-    "@tailwindcss/typography": "0.4.1",
+    "@tailwindcss/typography": "0.5.0",
+    "autoprefixer": "10.4.0",
     "eslint": "<8.0.0",
     "eslint-config-next": "12.0.7",
+    "postcss": "8.4.5",
+    "prettier": "2.5.1",
     "tailwindcss": "3.0.5"
   }
 }

packages/dashboard/tailwind.config.js

@@ -16,8 +16,7 @@ const colors = {
 };
 
 module.exports = {
-  purge: ["./src/**/*.{js,jsx,ts,tsx}"],
+  content: ["./src/**/*.{js,jsx,ts,tsx}"],
-  darkMode: false, // or 'media' or 'class'
   theme: {
     screens: {
       sm: "640px",
@@ -51,15 +50,6 @@ module.exports = {
       },
     },
   },
-  variants: {
-    extend: {
-      animation: ["hover"],
-      rotate: ["hover"],
-      backgroundColor: ["disabled"],
-      textColor: ["disabled"],
-      margin: ["first"],
-    },
-  },
   plugins: [
     require("@tailwindcss/typography"),
     require("@tailwindcss/forms"),

packages/dashboard/yarn.lock

@@ -268,17 +268,17 @@
   resolved "https://registry.yarnpkg.com/@stripe/stripe-js/-/stripe-js-1.22.0.tgz#9d3d2f0a1ce81f185ec477fd7cc67544b2b2a00c"
   integrity sha512-fm8TR8r4LwbXgBIYdPmeMjJJkxxFC66tvoliNnmXOpUgZSgQKoNPW3ON0ZphZIiif1oqWNhAaSrr7tOvGu+AFg==
 
-"@tailwindcss/forms@0.3.4":
+"@tailwindcss/forms@0.4.0":
-  version "0.3.4"
+  version "0.4.0"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.3.4.tgz#e4939dc16450eccf4fd2029770096f38cbb556d4"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/forms/-/forms-0.4.0.tgz#a46715e347a32d216a3973eb67473bd29ae3798e"
-  integrity sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==
+  integrity sha512-DeaQBx6EgEeuZPQACvC+mKneJsD8am1uiJugjgQK1+/Vt+Ai0GpFBC2T2fqnUad71WgOxyrZPE6BG1VaI6YqfQ==
   dependencies:
     mini-svg-data-uri "^1.2.3"
 
-"@tailwindcss/typography@0.4.1":
+"@tailwindcss/typography@0.5.0":
-  version "0.4.1"
+  version "0.5.0"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.4.1.tgz#51ddbceea6a0ee9902c649dbe58871c81a831212"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.0.tgz#47886ec46ac41e1211d24fea05301046d9b30906"
-  integrity sha512-ovPPLUhs7zAIJfr0y1dbGlyCuPhpuv/jpBoFgqAc658DWGGrOBWBMpAWLw2KlzbNeVk4YBJMzue1ekvIbdw6XA==
+  integrity sha512-1p/3C6C+JJziS/ghtG8ACYalbA2SyLJY27Pm33cVTlAoY6VQ7zfm2H64cPxUMBkVIlWXTtWHhZcZJPobMRmQAA==
   dependencies:
     lodash.castarray "^4.4.0"
     lodash.isplainobject "^4.0.6"