Prepare migration to Tailwind

postcss.config.js

@@ -1,23 +1,19 @@
-module.exports = {
-  plugins: [
-    require('postcss-import')({
-      path: ['static/assets/css', 'static/assets/plugins', 'assets/css/scss']
-    }),
-    require('postcss-url')({
-      url: 'inline',
-      maxSize: 100,
-      fallback: 'copy'
-    }),
-    require('autoprefixer')({
-      overrideBrowserslist: ['> 1%', 'last 2 versions', 'IE >= 11']
-    }),
-    require('cssnano')({
-      preset: ['default', {
-        discardComments: { removeAll: true },
-        normalizeWhitespace: true,
-        colormin: true,
-        zindex: false
-      }]
-    })
-  ]
+/**
+ * PostCSS configuration
+ */
+const config = {
+  plugins: [require("postcss-import"), require("@tailwindcss/postcss")],
+};
+
+// Add more modules to production
+if (process.env.APP_ENV === "production") {
+  config.plugins.push(
+    require("cssnano")({ preset: "default" }),
+    require("autoprefixer"),
+    require("postcss-nested"),
+    require("postcss-flexbugs-fixes"),
+  );
 }
+
+// Export config file
+module.exports = config;