Vendor: Upgrade tailwind/postcss/autoprefixer

package.json

@@ -18,9 +18,6 @@
     "@heroicons/vue": "^1.0.5",
     "@popperjs/core": "2.10.2",
     "@quasar/extras": "^1.11.4",
-    "@tailwindcss/forms": "^0.3.4",
-    "@tailwindcss/line-clamp": "^0.2.2",
-    "@tailwindcss/typography": "^0.4.1",
     "@tailwindcss/ui": "^0.7.2",
     "@tinymce/tinymce-vue": "^4.0.4",
     "@types/lodash": "^4.14.176",
@@ -39,7 +36,6 @@
     "@vuelidate/core": "^2.0.0-alpha.23",
     "@vuelidate/validators": "^2.0.0-alpha.20",
     "alpinejs": "^3.5.0",
-    "autoprefixer": "^10.3.7",
     "axios": "^0.24.0",
     "babel-cli": "6.26.0",
     "babel-plugin-transform-builtin-extend": "1.1.2",
@@ -86,9 +82,6 @@
     "mxgraph": "^4.2.2",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
     "path": "^0.12.7",
-    "postcss": "^8.4.5",
-    "postcss-loader": "^6.1.1",
-    "postcss-prefix-selector": "^1.13.0",
     "pretty-bytes": "^5.6.0",
     "primeflex": "^3.1.0",
     "primeicons": "^4.1.0",
@@ -103,7 +96,6 @@
     "signature_pad": "^3.0.0-beta.4",
     "sortablejs": "^1.14.0",
     "sweetalert2": "^11.1.9",
-    "tailwindcss": "^2.2.19",
     "tempusdominus-bootstrap-4": "^5.39.0",
     "tempusdominus-core": "^5.19.0",
     "textcomplete": "^0.18.2",
@@ -134,10 +126,14 @@
     "@babel/eslint-parser": "^7.16.0",
     "@mdi/font": "^6.4.95",
     "@symfony/webpack-encore": "^1.8.1",
+    "@tailwindcss/forms": "^0.4.0",
+    "@tailwindcss/line-clamp": "^0.3.1",
+    "@tailwindcss/typography": "^0.5.1",
     "@vue/cli-plugin-babel": "4.5.13",
     "@vue/cli-plugin-eslint": "4.5.13",
     "@vue/cli-service": "4.5.13",
     "@vue/compiler-sfc": "3.2.13",
+    "autoprefixer": "^10.4.2",
     "copy-webpack-plugin": "9.0.1",
     "deepmerge": "^4.2.2",
     "filemanager-webpack-plugin": "^5.0.0",
@@ -146,9 +142,13 @@
     "graphql-tag": "^2.12.5",
     "node-sass": "6.0.1",
     "popper.js": "^1.16.1",
+    "postcss": "^8.4.6",
+    "postcss-loader": "^6.2.1",
+    "postcss-prefix-selector": "^1.13.0",
     "postcss-rtl": "^1.7.3",
     "sass": "^1.42.1",
     "sass-loader": "^12.1.0",
+    "tailwindcss": "^3.0.18",
     "typescript": "^4.3.5",
     "vue-cli-plugin-quasar": "4.0.2",
     "webpack-notifier": "^1.14.1"

tailwind.config.js

@@ -1,6 +1,8 @@
 module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
+  content: [
+    './public/**/*.html',
+    './assets/**/*.{js,jsx,ts,tsx,vue}',
+  ],
   theme: {
     extend: {
       fontFamily: {
@@ -60,11 +62,6 @@ module.exports = {
       }
     },
   },
-  variants: {
-    extend: {
-      opacity: ['disabled'],
-    },
-  },
   plugins: [
     require('@tailwindcss/line-clamp'),
     require('@tailwindcss/forms'),