upgrade to tailwindcss 3

packages/website/package.json

@@ -8,8 +8,6 @@
     "@fontsource/sora": "^4.5.0",
     "@fontsource/source-sans-pro": "^4.5.1",
     "@svgr/webpack": "^5.5.0",
-    "@tailwindcss/typography": "^0.4.1",
-    "autoprefixer": "^10.4.0",
     "bytes": "^3.1.1",
     "classnames": "^2.3.1",
     "copy-text-to-clipboard": "^3.0.1",
@@ -61,14 +59,16 @@
     "react-use": "^17.3.1",
     "skynet-js": "^4.0.19-beta",
     "stream-browserify": "^3.0.0",
-    "swr": "^1.1.1",
-    "tailwindcss": "^3.0.5"
+    "swr": "^1.1.1"
   },
   "devDependencies": {
+    "@tailwindcss/typography": "0.5.0",
+    "autoprefixer": "10.4.0",
     "cross-env": "^7.0.3",
     "cypress": "^9.1.1",
     "cypress-file-upload": "^5.0.8",
-    "prettier": "^2.5.1"
+    "prettier": "2.5.1",
+    "tailwindcss": "3.0.5"
   },
   "keywords": [
     "gatsby"

packages/website/tailwind.config.js

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

packages/website/yarn.lock

@@ -1881,10 +1881,10 @@
   dependencies:
     defer-to-connect "^2.0.0"
 
-"@tailwindcss/typography@^0.4.1":
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.4.1.tgz#51ddbceea6a0ee9902c649dbe58871c81a831212"
-  integrity sha512-ovPPLUhs7zAIJfr0y1dbGlyCuPhpuv/jpBoFgqAc658DWGGrOBWBMpAWLw2KlzbNeVk4YBJMzue1ekvIbdw6XA==
+"@tailwindcss/typography@0.5.0":
+  version "0.5.0"
+  resolved "https://registry.yarnpkg.com/@tailwindcss/typography/-/typography-0.5.0.tgz#47886ec46ac41e1211d24fea05301046d9b30906"
+  integrity sha512-1p/3C6C+JJziS/ghtG8ACYalbA2SyLJY27Pm33cVTlAoY6VQ7zfm2H64cPxUMBkVIlWXTtWHhZcZJPobMRmQAA==
   dependencies:
     lodash.castarray "^4.4.0"
     lodash.isplainobject "^4.0.6"
@@ -2816,7 +2816,7 @@ attr-accept@^2.2.1:
   resolved "https://registry.yarnpkg.com/attr-accept/-/attr-accept-2.2.2.tgz#646613809660110749e92f2c10833b70968d929b"
   integrity sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==
 
-autoprefixer@^10.2.4, autoprefixer@^10.4.0:
+autoprefixer@10.4.0, autoprefixer@^10.2.4:
   version "10.4.0"
   resolved "https://registry.yarnpkg.com/autoprefixer/-/autoprefixer-10.4.0.tgz#c3577eb32a1079a440ec253e404eaf1eb21388c8"
   integrity sha512-7FdJ1ONtwzV1G43GDD0kpVMn/qbiNqyOPMFTX5nRffI+7vgWoFEc6DcXOxHJxrWNDXrZh18eDsZjvZGUljSRGA==
@@ -10630,7 +10630,7 @@ prepend-http@^2.0.0:
   resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-2.0.0.tgz#e92434bfa5ea8c19f41cdfd401d741a3c819d897"
   integrity sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=
 
-prettier@^2.3.2, prettier@^2.5.1:
+prettier@2.5.1, prettier@^2.3.2:
   version "2.5.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.5.1.tgz#fff75fa9d519c54cf0fce328c1017d94546bc56a"
   integrity sha512-vBZcPRUR5MZJwoyi3ZoyQlc1rXeEck8KgeC9AwwOn+exuxLxq5toTRDTSaVrXHxelDMHy9zlicw8u66yxoSUFg==
@@ -12673,7 +12673,7 @@ table@^6.0.9:
     string-width "^4.2.0"
     strip-ansi "^6.0.0"
 
-tailwindcss@^3.0.5:
+tailwindcss@3.0.5:
   version "3.0.5"
   resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.0.5.tgz#468e20347b8c4b59bb0585361682126edb1dd9e3"
   integrity sha512-59pNgzx2o+wkAk7IZGIH7H9eNS53gzZGrO3+NPyOEWHDbquHgiLL/c993T5t1vPSAeBxox4X5OgZwNuRvXVf+g==