diff --git a/package.json b/package.json
index c72e5446aa..0a797d5a1e 100644
--- a/package.json
+++ b/package.json
@@ -73,6 +73,7 @@
     "@types/lodash.debounce": "4.0.7",
     "@types/marked": "4.0.7",
     "@types/node": "16.11.66",
+    "@types/postcss-preset-env": "^7.7.0",
     "@typescript-eslint/eslint-plugin": "5.40.0",
     "@typescript-eslint/parser": "5.40.0",
     "@vitejs/plugin-legacy": "2.2.0",
@@ -104,11 +105,6 @@
     "wait-on": "6.0.1",
     "workbox-cli": "6.5.4"
   },
-  "postcss": {
-    "plugins": {
-      "autoprefixer": {}
-    }
-  },
   "license": "AGPL-3.0-or-later",
   "packageManager": "pnpm@7.13.5"
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1002d1f00a..e873aed90a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -1,4 +1,4 @@
-lockfileVersion: 5.3
+lockfileVersion: 5.4
 
 specifiers:
   '@4tw/cypress-drag-drop': 2.2.1
@@ -21,6 +21,7 @@ specifiers:
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.66
+  '@types/postcss-preset-env': ^7.7.0
   '@types/sortablejs': 1.15.0
   '@typescript-eslint/eslint-plugin': 5.40.0
   '@typescript-eslint/parser': 5.40.0
@@ -89,7 +90,7 @@ dependencies:
   '@fortawesome/fontawesome-svg-core': 6.2.0
   '@fortawesome/free-regular-svg-icons': 6.2.0
   '@fortawesome/free-solid-svg-icons': 6.2.0
-  '@fortawesome/vue-fontawesome': 3.0.1_5cc90fd60ccf8d3308c09aab1133be95
+  '@fortawesome/vue-fontawesome': 3.0.1_lteq7vqmz6gtgcgatkvrcm56su
   '@github/hotkey': 2.0.1
   '@kyvg/vue3-notification': 2.4.1_vue@3.2.41
   '@sentry/tracing': 7.15.0
@@ -98,7 +99,7 @@ dependencies:
   '@types/lodash.clonedeep': 4.5.7
   '@types/sortablejs': 1.15.0
   '@vueuse/core': 9.3.1_vue@3.2.41
-  '@vueuse/router': 9.3.1_vue-router@4.1.5+vue@3.2.41
+  '@vueuse/router': 9.3.1_4g567gsol3fv3jos66rjdswwp4
   axios: 0.27.2
   blurhash: 2.0.3
   bulma-css-variables: 0.9.33
@@ -116,7 +117,7 @@ dependencies:
   lodash.debounce: 4.0.8
   marked: 4.1.1
   minimist: 1.2.7
-  pinia: 2.0.23_typescript@4.8.4+vue@3.2.41
+  pinia: 2.0.23_l7r24p6nevbtlimqmqcwa3ouhu
   register-service-worker: 1.7.2
   snake-case: 3.0.4
   sortablejs: 1.15.0
@@ -141,11 +142,12 @@ devDependencies:
   '@types/lodash.debounce': 4.0.7
   '@types/marked': 4.0.7
   '@types/node': 16.11.66
-  '@typescript-eslint/eslint-plugin': 5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc
-  '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
+  '@types/postcss-preset-env': 7.7.0
+  '@typescript-eslint/eslint-plugin': 5.40.0_25sstg4uu2sk4pm7xcyzuov7xq
+  '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
   '@vitejs/plugin-legacy': 2.2.0_terser@5.10.0+vite@3.1.8
   '@vitejs/plugin-vue': 3.1.2_vite@3.1.8+vue@3.2.41
-  '@vue/eslint-config-typescript': 11.0.2_8498299c5d4240ca64b4886a17da166b
+  '@vue/eslint-config-typescript': 11.0.2_qsmcthc5ijamuzfurbvbpwqwnm
   '@vue/test-utils': 2.1.0_vue@3.2.41
   '@vue/tsconfig': 0.1.3_@types+node@16.11.66
   autoprefixer: 10.4.12_postcss@8.4.18
@@ -165,12 +167,12 @@ devDependencies:
   sass: 1.55.0
   typescript: 4.8.4
   vite: 3.1.8_sass@1.55.0+terser@5.10.0
-  vite-plugin-pwa: 0.13.1_vite@3.1.8
+  vite-plugin-pwa: 0.13.1_2txo4viysstjrz5b6oxcrxybay
   vite-svg-loader: 3.6.0
-  vitest: 0.24.3_abaf98be1df072fa12b452ba07dd67b7
+  vitest: 0.24.3_voxzrpq56bzpuevukk5apxlhw4
   vue-tsc: 1.0.8_typescript@4.8.4
   wait-on: 6.0.1
-  workbox-cli: 6.5.4
+  workbox-cli: 6.5.4_acorn@8.8.0
 
 packages:
 
@@ -1398,7 +1400,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_1d546e2941f6b4ca889831b9fbdc79d8
+      '@csstools/selector-specificity': 2.0.2_dvkg4kkb622mvceygg47xxdz3a
       postcss: 8.4.18
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1451,7 +1453,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_1d546e2941f6b4ca889831b9fbdc79d8
+      '@csstools/selector-specificity': 2.0.2_dvkg4kkb622mvceygg47xxdz3a
       postcss: 8.4.18
       postcss-selector-parser: 6.0.10
     dev: true
@@ -1536,7 +1538,7 @@ packages:
       postcss: 8.4.18
     dev: true
 
-  /@csstools/selector-specificity/2.0.2_1d546e2941f6b4ca889831b9fbdc79d8:
+  /@csstools/selector-specificity/2.0.2_dvkg4kkb622mvceygg47xxdz3a:
     resolution: {integrity: sha512-IkpVW/ehM1hWKln4fCA3NzJU8KwD+kIOvPZA4cqxoJHtE21CCzjyp+Kxbu0i5I4tBNOlXPL9mjwnWlL0VEG4Fg==}
     engines: {node: ^12 || ^14 || >=16}
     peerDependencies:
@@ -1695,7 +1697,7 @@ packages:
       '@fortawesome/fontawesome-common-types': 6.2.0
     dev: false
 
-  /@fortawesome/vue-fontawesome/3.0.1_5cc90fd60ccf8d3308c09aab1133be95:
+  /@fortawesome/vue-fontawesome/3.0.1_lteq7vqmz6gtgcgatkvrcm56su:
     resolution: {integrity: sha512-CdXZJoCS+aEPec26ZP7hWWU3SaJlQPZSCGdgpQ2qGl2HUmtUUNrI3zC4XWdn1JUmh3t5OuDeRG1qB4eGRNSD4A==}
     peerDependencies:
       '@fortawesome/fontawesome-svg-core': ~1 || ~6
@@ -1928,7 +1930,7 @@ packages:
       strip-ansi: 7.0.1
       supports-color: 9.2.1
       tmp-promise: 3.0.3
-      ts-node: 10.8.1_363caf04838c8ee1743cc9a7ba10f8fc
+      ts-node: 10.8.1_gy6k6bedrshoc5b4zgt3uehy7q
       typescript: 4.8.4
       update-notifier: 5.1.0
       uuid: 8.3.2
@@ -2622,7 +2624,7 @@ packages:
       '@octokit/openapi-types': 13.13.1
     dev: true
 
-  /@rollup/plugin-babel/5.3.0_@babel+core@7.17.2+rollup@2.79.1:
+  /@rollup/plugin-babel/5.3.0_pf2mys4p2khuj2gysypj3zzjia:
     resolution: {integrity: sha512-9uIC8HZOnVLrLHxayq/PTzw+uS25E14KPUBh5ktF+18Mjo5yK0ToMMx6epY0uEgkjwJw0aBW4x2horYXh8juWw==}
     engines: {node: '>= 10.0.0'}
     peerDependencies:
@@ -3029,6 +3031,13 @@ packages:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
 
+  /@types/postcss-preset-env/7.7.0:
+    resolution: {integrity: sha512-biD8MwSiZo1Nztn1cIBPMcKNKzgFyU05AB96HIF9y3G4f9vdx2O60DHCSpWXChTp6mOEGu15fqIw2DetVVjghw==}
+    dependencies:
+      autoprefixer: 10.4.12_postcss@8.4.18
+      postcss: 8.4.18
+    dev: true
+
   /@types/qs/6.9.7:
     resolution: {integrity: sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw==}
     dev: true
@@ -3103,7 +3112,7 @@ packages:
     dev: true
     optional: true
 
-  /@typescript-eslint/eslint-plugin/5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc:
+  /@typescript-eslint/eslint-plugin/5.40.0_25sstg4uu2sk4pm7xcyzuov7xq:
     resolution: {integrity: sha512-FIBZgS3DVJgqPwJzvZTuH4HNsZhHMa9SjxTKAZTlMsPw/UzpEjcf9f4dfgDJEHjK+HboUJo123Eshl6niwEm/Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3114,10 +3123,10 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       '@typescript-eslint/scope-manager': 5.40.0
-      '@typescript-eslint/type-utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
-      '@typescript-eslint/utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/type-utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
+      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       debug: 4.3.4
       eslint: 8.25.0
       ignore: 5.2.0
@@ -3129,7 +3138,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser/5.40.0_eslint@8.25.0+typescript@4.8.4:
+  /@typescript-eslint/parser/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
     resolution: {integrity: sha512-Ah5gqyX2ySkiuYeOIDg7ap51/b63QgWZA7w6AHtFrag7aH0lRQPbLzUjk0c9o5/KZ6JRkTTDKShL4AUrQa6/hw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3157,7 +3166,7 @@ packages:
       '@typescript-eslint/visitor-keys': 5.40.0
     dev: true
 
-  /@typescript-eslint/type-utils/5.40.0_eslint@8.25.0+typescript@4.8.4:
+  /@typescript-eslint/type-utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
     resolution: {integrity: sha512-nfuSdKEZY2TpnPz5covjJqav+g5qeBqwSHKBvz7Vm1SAfy93SwKk/JeSTymruDGItTwNijSsno5LhOHRS1pcfw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3168,7 +3177,7 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.40.0_typescript@4.8.4
-      '@typescript-eslint/utils': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/utils': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       debug: 4.3.4
       eslint: 8.25.0
       tsutils: 3.21.0_typescript@4.8.4
@@ -3182,7 +3191,7 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/typescript-estree/5.40.0_f1deb5be19df0fe0ff039530117daddf:
+  /@typescript-eslint/typescript-estree/5.40.0_6hpllpqz34h6b7ydsuybc7nn34:
     resolution: {integrity: sha512-b0GYlDj8TLTOqwX7EGbw2gL5EXS2CPEWhF9nGJiGmEcmlpNBjyHsTwbqpyIEPVpl6br4UcBOYlcI2FJVtJkYhg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3224,7 +3233,7 @@ packages:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils/5.40.0_eslint@8.25.0+typescript@4.8.4:
+  /@typescript-eslint/utils/5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q:
     resolution: {integrity: sha512-MO0y3T5BQ5+tkkuYZJBjePewsY+cQnfkYeRqS6tPh28niiIwPnQ1t59CSRcs1ZwJJNOdWw7rv9pF8aP58IMihA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3303,7 +3312,7 @@ packages:
       magic-string: 0.26.3
       regenerator-runtime: 0.13.9
       systemjs: 6.12.6
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
       vite: 3.1.8_sass@1.55.0+terser@5.10.0
     dev: true
 
@@ -3438,7 +3447,7 @@ packages:
     resolution: {integrity: sha512-Ku31WzpOV/8cruFaXaEZKF81WkNnvCSlBY4eOGtz5WMSdJvX1v1WWlSMGZeqUwPtQ27ZZz7B62erEMq8JDjcXw==}
     dev: false
 
-  /@vue/eslint-config-typescript/11.0.2_8498299c5d4240ca64b4886a17da166b:
+  /@vue/eslint-config-typescript/11.0.2_qsmcthc5ijamuzfurbvbpwqwnm:
     resolution: {integrity: sha512-EiKud1NqlWmSapBFkeSrE994qpKx7/27uCGnhdqzllYDpQZroyX/O6bwjEpeuyKamvLbsGdO6PMR2faIf+zFnw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -3449,8 +3458,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.40.0_d765299b94a6a4ae3d9fb8b19a3abfbc
-      '@typescript-eslint/parser': 5.40.0_eslint@8.25.0+typescript@4.8.4
+      '@typescript-eslint/eslint-plugin': 5.40.0_25sstg4uu2sk4pm7xcyzuov7xq
+      '@typescript-eslint/parser': 5.40.0_z4bbprzjrhnsfa24uvmcbu7f5q
       eslint: 8.25.0
       eslint-plugin-vue: 9.6.0_eslint@8.25.0
       typescript: 4.8.4
@@ -3547,7 +3556,7 @@ packages:
     resolution: {integrity: sha512-G1BPhtx3OHaL/y4OZBofh6Xt02G1VA9PuOO8nac9sTKMkMqfyez5VfkF3D9GUjSRNO7cVWyH4rceeGXfr2wdMg==}
     dev: false
 
-  /@vueuse/router/9.3.1_vue-router@4.1.5+vue@3.2.41:
+  /@vueuse/router/9.3.1_4g567gsol3fv3jos66rjdswwp4:
     resolution: {integrity: sha512-iyxyGNAeK8y4xaKjidnTI2H6eFiCiHypjoKPDEE8kdfESoxjegigp/DYfrbFt3IIeAHXPvBMq11m9IFuZ+LyLw==}
     peerDependencies:
       vue-router: '>=4.0.0-rc.1'
@@ -5572,7 +5581,7 @@ packages:
     resolution: {integrity: sha512-lR78AugfUSBojwlSRZBeEqQ1l8LI7rbxOl1qTUnGLcjZQDjZmrZCb7R46rK8U8B5WzFvJrxa7fEBA8FoD/n5fA==}
     engines: {node: ^12.20.0 || ^14.14.0 || >=16.0.0}
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.40.0_f1deb5be19df0fe0ff039530117daddf
+      '@typescript-eslint/typescript-estree': 5.40.0_6hpllpqz34h6b7ydsuybc7nn34
       ast-module-types: 3.0.0
       node-source-walk: 5.0.0
       typescript: 4.8.4
@@ -10096,7 +10105,7 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
-  /pinia/2.0.23_typescript@4.8.4+vue@3.2.41:
+  /pinia/2.0.23_l7r24p6nevbtlimqmqcwa3ouhu:
     resolution: {integrity: sha512-N15hFf4o5STrxpNrib1IEb1GOArvPYf1zPvQVRGOO1G1d74Ak0J0lVyalX/SmrzdT4Q0nlEFjbURsmBmIGUR5Q==}
     peerDependencies:
       '@vue/composition-api': ^1.4.0
@@ -10339,7 +10348,7 @@ packages:
     peerDependencies:
       postcss: ^8.2
     dependencies:
-      '@csstools/selector-specificity': 2.0.2_1d546e2941f6b4ca889831b9fbdc79d8
+      '@csstools/selector-specificity': 2.0.2_dvkg4kkb622mvceygg47xxdz3a
       postcss: 8.4.18
       postcss-selector-parser: 6.0.10
     dev: true
@@ -11055,7 +11064,7 @@ packages:
       glob: 7.2.0
     dev: true
 
-  /rollup-plugin-terser/7.0.2_rollup@2.79.1:
+  /rollup-plugin-terser/7.0.2_acorn@8.8.0+rollup@2.79.1:
     resolution: {integrity: sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==}
     peerDependencies:
       rollup: ^2.0.0
@@ -11064,7 +11073,9 @@ packages:
       jest-worker: 26.6.2
       rollup: 2.79.1
       serialize-javascript: 4.0.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
+    transitivePeerDependencies:
+      - acorn
     dev: true
 
   /rollup-plugin-visualizer/5.8.3_rollup@3.2.2:
@@ -11954,10 +11965,12 @@ packages:
       supports-hyperlinks: 2.2.0
     dev: true
 
-  /terser/5.10.0:
+  /terser/5.10.0_acorn@8.8.0:
     resolution: {integrity: sha512-AMmF99DMfEDiRJfxfY5jj5wNH/bYO09cniSqhfoyxc8sFoYIgkJy86G04UoZU5VjlpnplVu0K6Tx6E9b5+DlHA==}
     engines: {node: '>=10'}
     hasBin: true
+    peerDependencies:
+      acorn: ^8.5.0
     peerDependenciesMeta:
       acorn:
         optional: true
@@ -12163,7 +12176,7 @@ packages:
     resolution: {integrity: sha512-XrHUvV5HpdLmIj4uVMxHggLbFSZYIn7HEWsqePZcI50pco+MPqJ50wMGY794X7AOOhxOBAjbkqfAbEe/QMp2Lw==}
     dev: true
 
-  /ts-node/10.8.1_363caf04838c8ee1743cc9a7ba10f8fc:
+  /ts-node/10.8.1_gy6k6bedrshoc5b4zgt3uehy7q:
     resolution: {integrity: sha512-Wwsnao4DQoJsN034wePSg5nZiw4YKXf56mPIAeD6wVmiv+RytNSWqc2f3fKvcUoV+Yn2+yocD71VOfQHbmVX4g==}
     hasBin: true
     peerDependencies:
@@ -12551,20 +12564,21 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
-  /vite-plugin-pwa/0.13.1_vite@3.1.8:
+  /vite-plugin-pwa/0.13.1_2txo4viysstjrz5b6oxcrxybay:
     resolution: {integrity: sha512-NR3dIa+o2hzlzo4lF4Gu0cYvoMjSw2DdRc6Epw1yjmCqWaGuN86WK9JqZie4arNlE1ZuWT3CLiMdiX5wcmmUmg==}
     peerDependencies:
       vite: ^3.1.0
+      workbox-build: ^6.5.4
+      workbox-window: ^6.5.4
     dependencies:
       debug: 4.3.4
       fast-glob: 3.2.11
       pretty-bytes: 6.0.0
       rollup: 2.79.1
       vite: 3.1.8_sass@1.55.0+terser@5.10.0
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
       workbox-window: 6.5.4
     transitivePeerDependencies:
-      - '@types/babel__core'
       - supports-color
     dev: true
 
@@ -12599,12 +12613,12 @@ packages:
       resolve: 1.22.1
       rollup: 2.78.0
       sass: 1.55.0
-      terser: 5.10.0
+      terser: 5.10.0_acorn@8.8.0
     optionalDependencies:
       fsevents: 2.3.2
     dev: true
 
-  /vitest/0.24.3_abaf98be1df072fa12b452ba07dd67b7:
+  /vitest/0.24.3_voxzrpq56bzpuevukk5apxlhw4:
     resolution: {integrity: sha512-aM0auuPPgMSstWvr851hB74g/LKaKBzSxcG3da7ejfZbx08Y21JpZmbmDYrMTCGhVZKqTGwzcnLMwyfz2WzkhQ==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -12925,7 +12939,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-build/6.5.4:
+  /workbox-build/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-kgRevLXEYvUW9WS4XoziYqZ8Q9j/2ziJYEtTrjdz5/L/cTUa2XfyMP2i7c3p34lgqJ03+mTiz13SdFef2POwbA==}
     engines: {node: '>=10.0.0'}
     dependencies:
@@ -12933,7 +12947,7 @@ packages:
       '@babel/core': 7.17.2
       '@babel/preset-env': 7.16.11_@babel+core@7.17.2
       '@babel/runtime': 7.17.2
-      '@rollup/plugin-babel': 5.3.0_@babel+core@7.17.2+rollup@2.79.1
+      '@rollup/plugin-babel': 5.3.0_pf2mys4p2khuj2gysypj3zzjia
       '@rollup/plugin-node-resolve': 11.2.1_rollup@2.79.1
       '@rollup/plugin-replace': 2.4.2_rollup@2.79.1
       '@surma/rollup-plugin-off-main-thread': 2.2.3
@@ -12945,7 +12959,7 @@ packages:
       lodash: 4.17.21
       pretty-bytes: 5.6.0
       rollup: 2.79.1
-      rollup-plugin-terser: 7.0.2_rollup@2.79.1
+      rollup-plugin-terser: 7.0.2_acorn@8.8.0+rollup@2.79.1
       source-map: 0.8.0-beta.0
       stringify-object: 3.3.0
       strip-comments: 2.0.1
@@ -12968,6 +12982,7 @@ packages:
       workbox-window: 6.5.4
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
@@ -12977,7 +12992,7 @@ packages:
       workbox-core: 6.5.4
     dev: true
 
-  /workbox-cli/6.5.4:
+  /workbox-cli/6.5.4_acorn@8.8.0:
     resolution: {integrity: sha512-+Cc0jYh25MofhCROZqfQkpYSAGvykyrUVekuuPaLFbJ8qxX/zzX8hRRpglfwxDwokAjz8S20oEph4s+MyQc+Yw==}
     engines: {node: '>=10.0.0'}
     hasBin: true
@@ -12994,9 +13009,10 @@ packages:
       stringify-object: 3.3.0
       upath: 1.2.0
       update-notifier: 4.1.3
-      workbox-build: 6.5.4
+      workbox-build: 6.5.4_acorn@8.8.0
     transitivePeerDependencies:
       - '@types/babel__core'
+      - acorn
       - supports-color
     dev: true
 
diff --git a/vite.config.ts b/vite.config.ts
index 2ddc30ddaa..50987d042f 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -6,6 +6,8 @@ import legacyFn from '@vitejs/plugin-legacy'
 import {VitePWA}  from 'vite-plugin-pwa'
 import {visualizer}  from 'rollup-plugin-visualizer'
 import svgLoader from 'vite-svg-loader'
+import postcssPresetEnv from "postcss-preset-env";
+
 import { fileURLToPath, URL } from 'url'
 
 const pathSrc = fileURLToPath(new URL('./src', import.meta.url))
@@ -40,6 +42,11 @@ export default defineConfig({
 				charset: false, // fixes  "@charset" must be the first rule in the file" warnings
 			},
 		},
+		postcss: {
+			plugins: [
+				postcssPresetEnv(),
+			],
+		},
 	},
 	plugins: [
 		vue({