Update demo to latest version of Tailwind CSS and enable JIT mode

Co-Authored-By: Adam Wathan <4323180+adamwathan@users.noreply.github.com>

Author: reinink

demo/tailwind.config.js

@@ -1,29 +1,12 @@
 const mdx = require('@mdx-js/mdx')
 
 module.exports = {
+  mode: 'jit',
   purge: {
-    mode: 'all',
     content: ['./demo/pages/**/*.{js,mdx}', './demo/components/**/*.{js,mdx}'],
-    options: {
-      whitelist: ['html', 'body'],
-      extractors: [
-        {
-          extensions: ['mdx'],
-          extractor: (content) => {
-            content = mdx.sync(content)
-
-            // Capture as liberally as possible, including things like `h-(screen-1.5)`
-            const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
-
-            // Capture classes within other delimiters like .block(class="w-1/2") in Pug
-            const innerMatches =
-              content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || []
-
-            return broadMatches.concat(innerMatches)
-          },
-        },
-      ],
-    },
+    transform: {
+      mdx: (content) => mdx.sync(content),
+    }
   },
   theme: {},
   variants: {},

package.json

@@ -46,7 +46,7 @@
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "snapshot-diff": "^0.8.1",
-    "tailwindcss": "^2.0.2"
+    "tailwindcss": "^2.2.16"
   },
   "dependencies": {
     "lodash.castarray": "^4.4.0",

yarn.lock

@@ -6069,10 +6069,10 @@ symbol-tree@^3.2.4:
   resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
   integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
 
-tailwindcss@^2.0.2:
-  version "2.2.15"
-  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.2.15.tgz#8bee3ebe68b988c050508ce20633f35b040dd9fe"
-  integrity sha512-WgV41xTMbnSoTNMNnJvShQZ+8GmY86DmXTrCgnsveNZJdlybfwCItV8kAqjYmU49YiFr+ofzmT1JlAKajBZboQ==
+tailwindcss@^2.2.16:
+  version "2.2.16"
+  resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-2.2.16.tgz#32f81bdf1758b639cb83b9d30bf7cbecdda49e5e"
+  integrity sha512-EireCtpQyyJ4Xz8NYzHafBoy4baCOO96flM0+HgtsFcIQ9KFy/YBK3GEtlnD+rXen0e4xm8t3WiUcKBJmN6yjg==
   dependencies:
     arg "^5.0.1"
     bytes "^3.0.0"