Use PostCSS

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
+            }]
+        }),
+    ]
+}