Swap from clean-css to lightningcss, fixes #2330

Author: zachleat

config/minification.js

@@ -1,4 +1,5 @@
-import CleanCSS from "clean-css";
+import { transform } from 'lightningcss';
+
 import { minify } from "terser";
 import { readFileSync, writeFileSync, mkdirSync } from "node:fs";
 import { parse } from "node:path";
@@ -32,12 +33,18 @@ export default function (eleventyConfig) {
 		return `/* [11ty-website] minification skipped during dev mode */\n${code}`;
 	});
 
-	eleventyConfig.addFilter("cssmin", function (code) {
+	eleventyConfig.addFilter("cssmin", function (inputCode) {
 		if (process.env.NODE_ENV === "production") {
-			return new CleanCSS({}).minify(code).styles;
+			let { code } = transform({
+				// filename: undefined,
+				code: Buffer.from(inputCode),
+				minify: true,
+				sourceMap: false
+			});
+			return code;
 		}
 
-		return `/* [11ty-website] minification skipped during dev mode */\n${code}`;
+		return `/* [11ty-website] minification skipped during dev mode */\n${inputCode}`;
 	});
 }
 

package-lock.json

@@ -54,7 +54,6 @@
     "@11ty/image-color": "^1.0.8",
     "@sindresorhus/slugify": "^3.0.0",
     "@tweetback/canonical": "^2.0.48",
-    "clean-css": "^5.3.3",
     "comma-number": "^2.1.0",
     "degit": "^2.8.4",
     "dotenv": "^17.3.1",
@@ -64,6 +63,7 @@
     "fast-glob": "^3.3.3",
     "fs-extra": "^11.3.4",
     "human-readable-numbers": "0.9.5",
+    "lightningcss": "^1.32.0",
     "lodash": "^4.18.1",
     "luxon": "^3.7.2",
     "markdown-it-table-of-contents": "^0.9.0",