Use PostCSS

package.json

@@ -30,8 +30,15 @@
     "@types/animejs": "^3.1.4",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.29.0",
+    "browserslist": "^4.21.0",
+    "cssnano": "^5.1.12",
     "eslint": "^8.18.0",
     "eslint-plugin-svelte3": "^4.0.0",
+    "postcss": "^8.4.14",
+    "postcss-focus-visible": "^6.0.4",
+    "postcss-normalize": "^10.0.1",
+    "postcss-preset-env": "^7.7.1",
+    "postcss-sort-media-queries": "^4.2.1",
     "sass": "^1.52.3",
     "svelte": "^3.48.0",
     "svelte-check": "^2.7.2",

postcss.config.cjs

@@ -0,0 +1,38 @@
+const cssnano = require('cssnano')
+const presetEnv = require('postcss-preset-env')
+const focusVisible = require('postcss-focus-visible')
+const sortMediaQueries = require('postcss-sort-media-queries')
+const normalize = require('postcss-normalize')
+
+const dev = process.env.NODE_ENV === 'development'
+
+
+module.exports = {
+    plugins: [
+        // Preset Env
+        presetEnv({
+            stage: 2,
+        }),
+
+        // Focus visible
+        focusVisible({}),
+
+        // Sort media queries
+        sortMediaQueries({
+            sort: 'mobile-first'
+        }),
+
+        // Normalize
+        normalize({}),
+
+        // CSS Nano
+        !dev && cssnano({
+            preset: ['default', {
+                autoprefixer: true,
+                discardComments: { removeAll: true },
+                calc: { precision: 2 },
+                safe: true
+            }]
+        }),
+    ]
+}