package.json

@@ -39,6 +39,7 @@
   "devDependencies": {
     "@next/bundle-analyzer": "10.1.3",
     "@svgr/webpack": "^5.5.0",
+    "@tailwindcss/jit": "^0.1.18",
     "eslint": "^7.17.0",
     "eslint-config-prettier": "^7.1.0",
     "eslint-plugin-jsx-a11y": "^6.4.1",
@@ -50,7 +51,7 @@
     "husky": "^4.3.7",
     "lint-staged": "^10.5.3",
     "next-compose-plugins": "^2.2.1",
-    "next-remote-watch": "^0.3.0",
+    "next-remote-watch": "^1.0.0",
     "prettier": "2.2.1",
     "rehype": "11.0.0",
     "remark-frontmatter": "3.0.0",

postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: {
-    tailwindcss: {},
+    '@tailwindcss/jit': {},
     autoprefixer: {},
   },
 }

tailwind.config.js

@@ -4,9 +4,6 @@ const colors = require('tailwindcss/colors')
 module.exports = {
   purge: {
     content: ['./pages/**/*.js', './components/**/*.js', './layouts/**/*.js', './lib/**/*.js'],
-    options: {
-      safelist: ['type'], // [type='checkbox']
-    },
   },
   darkMode: 'class',
   theme: {