Update dependencies

Author: sarioglu

package.json

@@ -7,8 +7,7 @@
     "start": "sirv public"
   },
   "devDependencies": {
-    "@fullhuman/postcss-purgecss": "^2.2.0",
-    "postcss": "^7.0.30",
+    "postcss": "^8.0.9",
     "postcss-load-config": "^2.1.0",
     "@rollup/plugin-commonjs": "^16.0.0",
     "@rollup/plugin-node-resolve": "^10.0.0",
@@ -18,8 +17,8 @@
     "rollup-plugin-svelte": "^7.0.0",
     "rollup-plugin-terser": "^7.0.0",
     "svelte": "^3.0.0",
-    "svelte-preprocess": "^3.7.4",
-    "tailwindcss": "^1.4.6"
+    "svelte-preprocess": "^4.3.0",
+    "tailwindcss": "^1.8.10"
   },
   "dependencies": {
     "sirv-cli": "^1.0.0"

postcss.config.js

@@ -1,19 +1,3 @@
-const purgecss = require('@fullhuman/postcss-purgecss')({
-  content: [
-    './**/**/*.html',
-    './**/**/*.svelte'
-  ],
-
-  whitelistPatterns: [/svelte-/],
-
-  defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
-});
-
-const production = !process.env.ROLLUP_WATCH
-
 module.exports = {
-  plugins: [
-    require('tailwindcss'),
-    ...(production ? [purgecss] : [])
-  ]
+  plugins: [require('tailwindcss')],
 };

tailwind.config.js

@@ -1,7 +1,16 @@
 module.exports = {
+  purge: {
+    mode: 'all',
+    content: ['./**/**/*.html', './**/**/*.svelte'],
+
+    options: {
+      whitelistPatterns: [/svelte-/],
+    },
+  },
+
   theme: {
-    extend: {}
+    extend: {},
   },
   variants: {},
-  plugins: []
-}
+  plugins: [],
+};