chore: Upgrade Tailwind CSS to 3.3.2 (#7380)

package.json

@@ -41,8 +41,9 @@
     "@sentry/tracing": "^6.19.7",
     "@sentry/vue": "^6.19.7",
     "@sindresorhus/slugify": "1.1.0",
-    "@tailwindcss/typography": "0.2.0",
+    "@tailwindcss/typography": "^0.5.9",
     "activestorage": "^5.2.6",
+    "autoprefixer": "^10.4.14",
     "axios": "^0.21.2",
     "babel-plugin-syntax-jsx": "^6.18.0",
     "babel-plugin-transform-vue-jsx": "^3.7.0",
@@ -65,9 +66,11 @@
     "md5": "^2.3.0",
     "ninja-keys": "^1.1.9",
     "opus-recorder": "^8.0.5",
+    "postcss": "^8.4.24",
+    "postcss-loader": "^4.2.0",
     "semver": "7.3.5",
     "spinkit": "~1.2.5",
-    "tailwindcss": "^1.9.6",
+    "tailwindcss": "^3.3.2",
     "turbolinks": "^5.2.0",
     "url-loader": "^2.0.0",
     "urlpattern-polyfill": "^6.0.2",
@@ -133,6 +136,7 @@
     "jest-serializer-vue": "^2.0.2",
     "jest-transform-stub": "^2.0.0",
     "lint-staged": "10.5.4",
+    "postcss-preset-env": "^8.5.1",
     "prettier": "^1.16.4",
     "rimraf": "^3.0.0",
     "size-limit": "^8.2.4",