Replace postcss-csso with postcss-minify

lib/plugins/postcss-extract-media-query.js

@@ -4,7 +4,7 @@
 const fs = require('fs');
 const path = require('path');
 const postcss = require('postcss');
-const minify = require('postcss-csso');
+const minify = require('@csstools/postcss-minify');
 
 const toKebabCase = (str) => str.toLowerCase().replace(/\s+/g, '-');
 

lib/postcss-plugins.js

@@ -53,7 +53,7 @@ exports.defaultPlugins = ({
     ...(bundle
       ? [
           require('@fullhuman/postcss-purgecss')(purgeCssOpts),
-          require('postcss-csso'),
+          require('@csstools/postcss-minify'),
         ]
       : []),
   ];

package.json

@@ -50,10 +50,10 @@
     "postcss": "^8"
   },
   "dependencies": {
+    "@csstools/postcss-minify": "^2",
     "@fullhuman/postcss-purgecss": "^6",
     "autoprefixer": "^10",
     "postcss-color-function": "^4",
-    "postcss-csso": "lookback/postcss-csso#fix/csso-container-queries",
     "postcss-import": "^16",
     "postcss-nested": "^6",
     "tailwindcss": "=2.0.2"

postcss.config.js

@@ -3,7 +3,7 @@ const { defaultPlugins } = require('./lib/postcss-plugins');
 const path = require('path');
 const extractMediaQuery = require('./lib/plugins/postcss-extract-media-query');
 const header = require('./lib/plugins/postcss-header');
-const csso = require('postcss-csso');
+const minify = require('@csstools/postcss-minify');
 
 const extractDarkModeQueries = (dest, prod = false) =>
   extractMediaQuery({
@@ -32,6 +32,6 @@ module.exports = (ctx) => ({
     header({
       header: `/*! ${ctx.file.basename} v${version} ${new Date().toISOString()} */`,
     }),
-    ...(ctx.env === 'production' ? [csso] : []),
+    ...(ctx.env === 'production' ? [minify] : []),
   ],
 });