Upgrade to TailwindCSS v2

Author: surjithctly

package.json

@@ -9,16 +9,20 @@
   "devDependencies": {
     "@11ty/eleventy": "^0.11.0",
     "@11ty/eleventy-plugin-syntaxhighlight": "^3.0.1",
-    "@tailwindcss/typography": "^0.2.0",
+    "@tailwindcss/typography": "^0.3.1",
     "alpinejs": "^2.6.0",
     "cross-env": "^7.0.2",
+    "cssnano": "^4.1.10",
     "html-minifier": "^4.0.0",
     "js-yaml": "^3.14.0",
     "luxon": "^1.25.0",
     "npm-run-all": "^4.1.5",
-    "postcss-clean": "^1.1.0",
-    "postcss-cli": "^7.1.1",
+    "postcss-cli": "^8.3.1",
     "prismjs": "^1.21.0",
-    "tailwindcss": "^1.7.2"
+    "tailwindcss": "^2.0.2"
+  },
+  "dependencies": {
+    "autoprefixer": "^10.1.0",
+    "postcss": "^8.2.1"
   }
 }

postcss.config.js

@@ -3,7 +3,11 @@ module.exports = {
     require(`tailwindcss`)(`./tailwind.config.js`),
     require(`autoprefixer`),
     ...(process.env.NODE_ENV === "production"
-      ? [require(`postcss-clean`)]
+      ? [
+          require(`cssnano`)({
+            preset: "default",
+          }),
+        ]
       : []),
   ],
 };

tailwind.config.js

@@ -16,8 +16,4 @@ module.exports = {
   },
   variants: {},
   plugins: [require("@tailwindcss/typography")],
-  experimental: "all",
-  future: {
-    purgeLayersByDefault: true,
-  },
 };