diff --git a/cli/csstools-cli/package.json b/cli/csstools-cli/package.json
index 1d990a67c..a96e0408b 100644
--- a/cli/csstools-cli/package.json
+++ b/cli/csstools-cli/package.json
@@ -72,7 +72,7 @@
 		"postcss": "^8.4.14"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"csstools-cli": "csstools-cli",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/experimental/css-has-pseudo/package.json b/experimental/css-has-pseudo/package.json
index 49da4489b..b1b4e4c5a 100644
--- a/experimental/css-has-pseudo/package.json
+++ b/experimental/css-has-pseudo/package.json
@@ -39,7 +39,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/experimental/postcss-nesting/package.json b/experimental/postcss-nesting/package.json
index 50c8280bd..3aa588231 100644
--- a/experimental/postcss-nesting/package.json
+++ b/experimental/postcss-nesting/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/package-lock.json b/package-lock.json
index e1b946f4d..0a7fde021 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -25,13 +25,13 @@
 				"@rollup/plugin-babel": "^6.0.0",
 				"@rollup/plugin-commonjs": "^23.0.0",
 				"@rollup/plugin-node-resolve": "^15.0.0",
+				"@rollup/plugin-terser": "^0.1.0",
 				"@rollup/plugin-typescript": "^9.0.0",
 				"@stryker-mutator/core": "^6.0.2",
 				"@typescript-eslint/eslint-plugin": "^5.39.0",
 				"eslint": "^8.25.0",
 				"glob": "^8.0.3",
-				"rollup": "^2.78.1",
-				"rollup-plugin-terser": "^7.0.2",
+				"rollup": "^3.2.5",
 				"typescript": "^4.8.4"
 			},
 			"engines": {
@@ -2282,6 +2282,26 @@
 				}
 			}
 		},
+		"node_modules/@rollup/plugin-terser": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.1.0.tgz",
+			"integrity": "sha512-N2KK+qUfHX2hBzVzM41UWGLrEmcjVC37spC8R3c9mt3oEDFKh3N2e12/lLp9aVSt86veR0TQiCNQXrm8C6aiUQ==",
+			"dev": true,
+			"dependencies": {
+				"terser": "^5.15.1"
+			},
+			"engines": {
+				"node": ">=14.0.0"
+			},
+			"peerDependencies": {
+				"rollup": "^2.x || ^3.x"
+			},
+			"peerDependenciesMeta": {
+				"rollup": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/@rollup/plugin-typescript": {
 			"version": "9.0.2",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-9.0.2.tgz",
@@ -2533,7 +2553,8 @@
 			"version": "18.11.9",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
 			"integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
-			"dev": true
+			"dev": true,
+			"optional": true
 		},
 		"node_modules/@types/parse-json": {
 			"version": "4.0.0",
@@ -4682,41 +4703,6 @@
 			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
 			"dev": true
 		},
-		"node_modules/jest-worker": {
-			"version": "26.6.2",
-			"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
-			"integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
-			"dev": true,
-			"dependencies": {
-				"@types/node": "*",
-				"merge-stream": "^2.0.0",
-				"supports-color": "^7.0.0"
-			},
-			"engines": {
-				"node": ">= 10.13.0"
-			}
-		},
-		"node_modules/jest-worker/node_modules/has-flag": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-			"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-			"dev": true,
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/jest-worker/node_modules/supports-color": {
-			"version": "7.2.0",
-			"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-			"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-			"dev": true,
-			"dependencies": {
-				"has-flag": "^4.0.0"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
 		"node_modules/js-sdsl": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
@@ -5782,15 +5768,6 @@
 				}
 			]
 		},
-		"node_modules/randombytes": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-			"dev": true,
-			"dependencies": {
-				"safe-buffer": "^5.1.0"
-			}
-		},
 		"node_modules/read-cache": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -6052,35 +6029,21 @@
 			}
 		},
 		"node_modules/rollup": {
-			"version": "2.79.1",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
-			"integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
+			"version": "3.2.5",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.2.5.tgz",
+			"integrity": "sha512-/Ha7HhVVofduy+RKWOQJrxe4Qb3xyZo+chcpYiD8SoQa4AG7llhupUtyfKSSrdBM2mWJjhM8wZwmbY23NmlIYw==",
 			"dev": true,
 			"bin": {
 				"rollup": "dist/bin/rollup"
 			},
 			"engines": {
-				"node": ">=10.0.0"
+				"node": ">=14.18.0",
+				"npm": ">=8.0.0"
 			},
 			"optionalDependencies": {
 				"fsevents": "~2.3.2"
 			}
 		},
-		"node_modules/rollup-plugin-terser": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
-			"integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
-			"dev": true,
-			"dependencies": {
-				"@babel/code-frame": "^7.10.4",
-				"jest-worker": "^26.2.1",
-				"serialize-javascript": "^4.0.0",
-				"terser": "^5.0.0"
-			},
-			"peerDependencies": {
-				"rollup": "^2.0.0"
-			}
-		},
 		"node_modules/run-async": {
 			"version": "2.4.1",
 			"resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -6157,15 +6120,6 @@
 				"semver": "bin/semver.js"
 			}
 		},
-		"node_modules/serialize-javascript": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
-			"integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
-			"dev": true,
-			"dependencies": {
-				"randombytes": "^2.1.0"
-			}
-		},
 		"node_modules/shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -9565,6 +9519,15 @@
 				"resolve": "^1.22.1"
 			}
 		},
+		"@rollup/plugin-terser": {
+			"version": "0.1.0",
+			"resolved": "https://registry.npmjs.org/@rollup/plugin-terser/-/plugin-terser-0.1.0.tgz",
+			"integrity": "sha512-N2KK+qUfHX2hBzVzM41UWGLrEmcjVC37spC8R3c9mt3oEDFKh3N2e12/lLp9aVSt86veR0TQiCNQXrm8C6aiUQ==",
+			"dev": true,
+			"requires": {
+				"terser": "^5.15.1"
+			}
+		},
 		"@rollup/plugin-typescript": {
 			"version": "9.0.2",
 			"resolved": "https://registry.npmjs.org/@rollup/plugin-typescript/-/plugin-typescript-9.0.2.tgz",
@@ -9750,7 +9713,8 @@
 			"version": "18.11.9",
 			"resolved": "https://registry.npmjs.org/@types/node/-/node-18.11.9.tgz",
 			"integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
-			"dev": true
+			"dev": true,
+			"optional": true
 		},
 		"@types/parse-json": {
 			"version": "4.0.0",
@@ -11265,34 +11229,6 @@
 			"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
 			"dev": true
 		},
-		"jest-worker": {
-			"version": "26.6.2",
-			"resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-26.6.2.tgz",
-			"integrity": "sha512-KWYVV1c4i+jbMpaBC+U++4Va0cp8OisU185o73T1vo99hqi7w8tSJfUXYswwqqrjzwxa6KpRK54WhPvwf5w6PQ==",
-			"dev": true,
-			"requires": {
-				"@types/node": "*",
-				"merge-stream": "^2.0.0",
-				"supports-color": "^7.0.0"
-			},
-			"dependencies": {
-				"has-flag": {
-					"version": "4.0.0",
-					"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-					"integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-					"dev": true
-				},
-				"supports-color": {
-					"version": "7.2.0",
-					"resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-					"integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-					"dev": true,
-					"requires": {
-						"has-flag": "^4.0.0"
-					}
-				}
-			}
-		},
 		"js-sdsl": {
 			"version": "4.1.5",
 			"resolved": "https://registry.npmjs.org/js-sdsl/-/js-sdsl-4.1.5.tgz",
@@ -12157,15 +12093,6 @@
 			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
 			"dev": true
 		},
-		"randombytes": {
-			"version": "2.1.0",
-			"resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
-			"integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
-			"dev": true,
-			"requires": {
-				"safe-buffer": "^5.1.0"
-			}
-		},
 		"read-cache": {
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -12366,26 +12293,14 @@
 			}
 		},
 		"rollup": {
-			"version": "2.79.1",
-			"resolved": "https://registry.npmjs.org/rollup/-/rollup-2.79.1.tgz",
-			"integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
+			"version": "3.2.5",
+			"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.2.5.tgz",
+			"integrity": "sha512-/Ha7HhVVofduy+RKWOQJrxe4Qb3xyZo+chcpYiD8SoQa4AG7llhupUtyfKSSrdBM2mWJjhM8wZwmbY23NmlIYw==",
 			"dev": true,
 			"requires": {
 				"fsevents": "~2.3.2"
 			}
 		},
-		"rollup-plugin-terser": {
-			"version": "7.0.2",
-			"resolved": "https://registry.npmjs.org/rollup-plugin-terser/-/rollup-plugin-terser-7.0.2.tgz",
-			"integrity": "sha512-w3iIaU4OxcF52UUXiZNsNeuXIMDvFrr+ZXK6bFZ0Q60qyVfq4uLptoS4bbq3paG3x216eQllFZX7zt6TIImguQ==",
-			"dev": true,
-			"requires": {
-				"@babel/code-frame": "^7.10.4",
-				"jest-worker": "^26.2.1",
-				"serialize-javascript": "^4.0.0",
-				"terser": "^5.0.0"
-			}
-		},
 		"run-async": {
 			"version": "2.4.1",
 			"resolved": "https://registry.npmjs.org/run-async/-/run-async-2.4.1.tgz",
@@ -12428,15 +12343,6 @@
 			"integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==",
 			"dev": true
 		},
-		"serialize-javascript": {
-			"version": "4.0.0",
-			"resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-4.0.0.tgz",
-			"integrity": "sha512-GaNA54380uFefWghODBWEGisLZFj00nS5ACs6yHa9nLqlLpVLO8ChDGeKRjZnV4Nh4n0Qi7nhYZD/9fCPzEqkw==",
-			"dev": true,
-			"requires": {
-				"randombytes": "^2.1.0"
-			}
-		},
 		"shebang-command": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/package.json b/package.json
index 7cb043c01..422ae9796 100644
--- a/package.json
+++ b/package.json
@@ -25,13 +25,13 @@
 		"@rollup/plugin-babel": "^6.0.0",
 		"@rollup/plugin-commonjs": "^23.0.0",
 		"@rollup/plugin-node-resolve": "^15.0.0",
+		"@rollup/plugin-terser": "^0.1.0",
 		"@rollup/plugin-typescript": "^9.0.0",
 		"@stryker-mutator/core": "^6.0.2",
 		"@typescript-eslint/eslint-plugin": "^5.39.0",
 		"eslint": "^8.25.0",
 		"glob": "^8.0.3",
-		"rollup": "^2.78.1",
-		"rollup-plugin-terser": "^7.0.2",
+		"rollup": "^3.2.5",
 		"typescript": "^4.8.4"
 	},
 	"scripts": {
diff --git a/packages/css-parser-algorithms/package.json b/packages/css-parser-algorithms/package.json
index 35048273d..fa36990c1 100644
--- a/packages/css-parser-algorithms/package.json
+++ b/packages/css-parser-algorithms/package.json
@@ -41,7 +41,7 @@
 		"@csstools/css-tokenizer": "^1.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/packages/css-tokenizer/package.json b/packages/css-tokenizer/package.json
index ec22c6324..89d8734ae 100644
--- a/packages/css-tokenizer/package.json
+++ b/packages/css-tokenizer/package.json
@@ -38,7 +38,7 @@
 		"dist"
 	],
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/packages/media-query-list-parser/package.json b/packages/media-query-list-parser/package.json
index fa77ed6e8..dbcb66f56 100644
--- a/packages/media-query-list-parser/package.json
+++ b/packages/media-query-list-parser/package.json
@@ -42,7 +42,7 @@
 		"@csstools/css-tokenizer": "^1.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/packages/postcss-tape/package.json b/packages/postcss-tape/package.json
index 11cf10920..246c4ae9c 100644
--- a/packages/postcss-tape/package.json
+++ b/packages/postcss-tape/package.json
@@ -31,7 +31,7 @@
 		"postcss-html": "^1.5.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/packages/selector-specificity/package.json b/packages/selector-specificity/package.json
index b3b873fa3..5d972810a 100644
--- a/packages/selector-specificity/package.json
+++ b/packages/selector-specificity/package.json
@@ -45,7 +45,7 @@
 		"postcss-selector-parser": "^6.0.10"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
 		"lint:eslint": "eslint ./src --ext .js --ext .ts --ext .mjs --no-error-on-unmatched-pattern",
diff --git a/plugin-packs/postcss-preset-env/package.json b/plugin-packs/postcss-preset-env/package.json
index 7b08dda7c..80e52a2b1 100644
--- a/plugin-packs/postcss-preset-env/package.json
+++ b/plugin-packs/postcss-preset-env/package.json
@@ -85,7 +85,7 @@
 	},
 	"scripts": {
 		"prebuild": "node ./scripts/generate-plugins-data.mjs && eslint --fix ./src/plugins/*.mjs",
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ./docs/generate.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/css-blank-pseudo/package.json b/plugins/css-blank-pseudo/package.json
index 3df331ea4..b27b09328 100644
--- a/plugins/css-blank-pseudo/package.json
+++ b/plugins/css-blank-pseudo/package.json
@@ -59,7 +59,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/css-has-pseudo/package.json b/plugins/css-has-pseudo/package.json
index 709bec54d..d47b6a840 100644
--- a/plugins/css-has-pseudo/package.json
+++ b/plugins/css-has-pseudo/package.json
@@ -62,7 +62,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/css-prefers-color-scheme/package.json b/plugins/css-prefers-color-scheme/package.json
index 5c5fc39d6..a00180c1c 100644
--- a/plugins/css-prefers-color-scheme/package.json
+++ b/plugins/css-prefers-color-scheme/package.json
@@ -56,7 +56,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-attribute-case-insensitive/package.json b/plugins/postcss-attribute-case-insensitive/package.json
index 1f6789e5a..046ecbf38 100644
--- a/plugins/postcss-attribute-case-insensitive/package.json
+++ b/plugins/postcss-attribute-case-insensitive/package.json
@@ -47,7 +47,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-base-plugin/package.json b/plugins/postcss-base-plugin/package.json
index b9c409549..25ef1418c 100644
--- a/plugins/postcss-base-plugin/package.json
+++ b/plugins/postcss-base-plugin/package.json
@@ -45,7 +45,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-cascade-layers/package.json b/plugins/postcss-cascade-layers/package.json
index f298f9ad6..fd944982d 100644
--- a/plugins/postcss-cascade-layers/package.json
+++ b/plugins/postcss-cascade-layers/package.json
@@ -57,7 +57,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-color-function/package.json b/plugins/postcss-color-function/package.json
index 141dc938f..4bdbc731e 100644
--- a/plugins/postcss-color-function/package.json
+++ b/plugins/postcss-color-function/package.json
@@ -38,7 +38,7 @@
 		"postcss-lab-function": "^4.0.3"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-color-functional-notation/package.json b/plugins/postcss-color-functional-notation/package.json
index aa4ef7e28..8608c81ed 100644
--- a/plugins/postcss-color-functional-notation/package.json
+++ b/plugins/postcss-color-functional-notation/package.json
@@ -34,7 +34,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-color-hex-alpha/package.json b/plugins/postcss-color-hex-alpha/package.json
index 6df57540d..c15559e2c 100644
--- a/plugins/postcss-color-hex-alpha/package.json
+++ b/plugins/postcss-color-hex-alpha/package.json
@@ -51,7 +51,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-color-rebeccapurple/package.json b/plugins/postcss-color-rebeccapurple/package.json
index d5a7c04a3..dafea51e4 100644
--- a/plugins/postcss-color-rebeccapurple/package.json
+++ b/plugins/postcss-color-rebeccapurple/package.json
@@ -51,7 +51,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-conditional-values/package.json b/plugins/postcss-conditional-values/package.json
index 8c7ae03cd..3ac05e3d2 100644
--- a/plugins/postcss-conditional-values/package.json
+++ b/plugins/postcss-conditional-values/package.json
@@ -44,7 +44,7 @@
 		"postcss-value-parser": "^4.2.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-custom-media/package.json b/plugins/postcss-custom-media/package.json
index 39dc809f5..68c4c9d16 100644
--- a/plugins/postcss-custom-media/package.json
+++ b/plugins/postcss-custom-media/package.json
@@ -52,7 +52,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-custom-properties/package.json b/plugins/postcss-custom-properties/package.json
index 8fc678513..d0de2575e 100644
--- a/plugins/postcss-custom-properties/package.json
+++ b/plugins/postcss-custom-properties/package.json
@@ -41,7 +41,7 @@
 		"postcss-import": "^15.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-custom-selectors/package.json b/plugins/postcss-custom-selectors/package.json
index 250029316..889549e56 100644
--- a/plugins/postcss-custom-selectors/package.json
+++ b/plugins/postcss-custom-selectors/package.json
@@ -54,7 +54,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-design-tokens/package.json b/plugins/postcss-design-tokens/package.json
index fccfaf0c1..04063556c 100644
--- a/plugins/postcss-design-tokens/package.json
+++ b/plugins/postcss-design-tokens/package.json
@@ -48,7 +48,7 @@
 		"style-dictionary-design-tokens-example": "^1.1.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-dir-pseudo-class/package.json b/plugins/postcss-dir-pseudo-class/package.json
index 8c4177e3f..f19c33589 100644
--- a/plugins/postcss-dir-pseudo-class/package.json
+++ b/plugins/postcss-dir-pseudo-class/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-double-position-gradients/package.json b/plugins/postcss-double-position-gradients/package.json
index 49bb64602..950c0aa6a 100644
--- a/plugins/postcss-double-position-gradients/package.json
+++ b/plugins/postcss-double-position-gradients/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-env-function/package.json b/plugins/postcss-env-function/package.json
index 85320df87..ff10e967d 100644
--- a/plugins/postcss-env-function/package.json
+++ b/plugins/postcss-env-function/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-env-function/src/lib/import-from.js b/plugins/postcss-env-function/src/lib/import-from.js
index bcfa44c3e..c0f4de731 100644
--- a/plugins/postcss-env-function/src/lib/import-from.js
+++ b/plugins/postcss-env-function/src/lib/import-from.js
@@ -1,5 +1,6 @@
 import fs from 'fs';
 import path from 'path';
+import url from 'url';
 
 /**
  * Import Custom Properties from Object
@@ -30,7 +31,11 @@ async function importEnvironmentVariablesFromJSONFile(from) {
  * @returns {Promise<Record<string, import('postcss-values-parser').Root>>}
  */
 async function importEnvironmentVariablesFromJSFile(from) {
-	const object = await import(path.resolve(from));
+	const object = await import(url.pathToFileURL(path.resolve(from)));
+
+	if ('default' in object) {
+		return importEnvironmentVariablesFromObject(object.default);
+	}
 
 	return importEnvironmentVariablesFromObject(object);
 }
diff --git a/plugins/postcss-extract/package.json b/plugins/postcss-extract/package.json
index 87909796d..08ab657b5 100644
--- a/plugins/postcss-extract/package.json
+++ b/plugins/postcss-extract/package.json
@@ -44,7 +44,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-focus-visible/package.json b/plugins/postcss-focus-visible/package.json
index 5744dcf59..daf78bddb 100644
--- a/plugins/postcss-focus-visible/package.json
+++ b/plugins/postcss-focus-visible/package.json
@@ -47,7 +47,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-focus-within/package.json b/plugins/postcss-focus-within/package.json
index 075764d14..e4a718213 100644
--- a/plugins/postcss-focus-within/package.json
+++ b/plugins/postcss-focus-within/package.json
@@ -56,7 +56,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-font-format-keywords/package.json b/plugins/postcss-font-format-keywords/package.json
index 39e7d035d..8f7ae1b5b 100644
--- a/plugins/postcss-font-format-keywords/package.json
+++ b/plugins/postcss-font-format-keywords/package.json
@@ -34,7 +34,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-gap-properties/package.json b/plugins/postcss-gap-properties/package.json
index e5ad14bb3..de07edb18 100644
--- a/plugins/postcss-gap-properties/package.json
+++ b/plugins/postcss-gap-properties/package.json
@@ -30,7 +30,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-gradients-interpolation-method/package.json b/plugins/postcss-gradients-interpolation-method/package.json
index 3e0de6be5..52430167c 100644
--- a/plugins/postcss-gradients-interpolation-method/package.json
+++ b/plugins/postcss-gradients-interpolation-method/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-hwb-function/package.json b/plugins/postcss-hwb-function/package.json
index 53de77871..3f94d812d 100644
--- a/plugins/postcss-hwb-function/package.json
+++ b/plugins/postcss-hwb-function/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-ic-unit/package.json b/plugins/postcss-ic-unit/package.json
index e797a10eb..03f24c95a 100644
--- a/plugins/postcss-ic-unit/package.json
+++ b/plugins/postcss-ic-unit/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-image-set-function/package.json b/plugins/postcss-image-set-function/package.json
index c5edba3a8..62cebc935 100644
--- a/plugins/postcss-image-set-function/package.json
+++ b/plugins/postcss-image-set-function/package.json
@@ -34,7 +34,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-is-pseudo-class/package.json b/plugins/postcss-is-pseudo-class/package.json
index c6033c6fa..4895b3cc6 100644
--- a/plugins/postcss-is-pseudo-class/package.json
+++ b/plugins/postcss-is-pseudo-class/package.json
@@ -38,7 +38,7 @@
 		"puppeteer": "^19.0.0"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-lab-function/package.json b/plugins/postcss-lab-function/package.json
index 2cc33ecb9..3300a0477 100644
--- a/plugins/postcss-lab-function/package.json
+++ b/plugins/postcss-lab-function/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-logical/package.json b/plugins/postcss-logical/package.json
index b52c62e4f..359c11564 100644
--- a/plugins/postcss-logical/package.json
+++ b/plugins/postcss-logical/package.json
@@ -30,7 +30,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-nested-calc/package.json b/plugins/postcss-nested-calc/package.json
index 2a8233a75..79742fef2 100644
--- a/plugins/postcss-nested-calc/package.json
+++ b/plugins/postcss-nested-calc/package.json
@@ -44,7 +44,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-nesting/package.json b/plugins/postcss-nesting/package.json
index 6b40d28a3..28c48c7f6 100644
--- a/plugins/postcss-nesting/package.json
+++ b/plugins/postcss-nesting/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-normalize-display-values/package.json b/plugins/postcss-normalize-display-values/package.json
index 751ba233d..5f7257bee 100644
--- a/plugins/postcss-normalize-display-values/package.json
+++ b/plugins/postcss-normalize-display-values/package.json
@@ -34,7 +34,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-oklab-function/package.json b/plugins/postcss-oklab-function/package.json
index e4dcba327..c1707c264 100644
--- a/plugins/postcss-oklab-function/package.json
+++ b/plugins/postcss-oklab-function/package.json
@@ -35,7 +35,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-overflow-shorthand/package.json b/plugins/postcss-overflow-shorthand/package.json
index e4b838ed4..5a86b5328 100644
--- a/plugins/postcss-overflow-shorthand/package.json
+++ b/plugins/postcss-overflow-shorthand/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-place/package.json b/plugins/postcss-place/package.json
index ba26cd596..6d912b9c6 100644
--- a/plugins/postcss-place/package.json
+++ b/plugins/postcss-place/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-progressive-custom-properties/package.json b/plugins/postcss-progressive-custom-properties/package.json
index 2cbbaa7d1..3cf3903e7 100644
--- a/plugins/postcss-progressive-custom-properties/package.json
+++ b/plugins/postcss-progressive-custom-properties/package.json
@@ -34,7 +34,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "node ./generate/matchers.mjs && eslint --fix ./src/matchers.ts && rollup -c ../../rollup/default.js",
+		"build": "node ./generate/matchers.mjs && eslint --fix ./src/matchers.ts && rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-pseudo-class-any-link/package.json b/plugins/postcss-pseudo-class-any-link/package.json
index d8a770882..91f42060a 100644
--- a/plugins/postcss-pseudo-class-any-link/package.json
+++ b/plugins/postcss-pseudo-class-any-link/package.json
@@ -33,7 +33,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-scope-pseudo-class/package.json b/plugins/postcss-scope-pseudo-class/package.json
index 9c5cf8bf8..050adff9d 100644
--- a/plugins/postcss-scope-pseudo-class/package.json
+++ b/plugins/postcss-scope-pseudo-class/package.json
@@ -44,7 +44,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-selector-not/package.json b/plugins/postcss-selector-not/package.json
index 951f2aa36..272669949 100644
--- a/plugins/postcss-selector-not/package.json
+++ b/plugins/postcss-selector-not/package.json
@@ -47,7 +47,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-stepped-value-functions/package.json b/plugins/postcss-stepped-value-functions/package.json
index b2981a87d..c0f7ebf51 100644
--- a/plugins/postcss-stepped-value-functions/package.json
+++ b/plugins/postcss-stepped-value-functions/package.json
@@ -44,7 +44,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-text-decoration-shorthand/package.json b/plugins/postcss-text-decoration-shorthand/package.json
index c32d9555c..cf9e2d134 100644
--- a/plugins/postcss-text-decoration-shorthand/package.json
+++ b/plugins/postcss-text-decoration-shorthand/package.json
@@ -47,7 +47,7 @@
 		"autoprefixer": "^10.4.8"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-trigonometric-functions/package.json b/plugins/postcss-trigonometric-functions/package.json
index c98cbf7a4..2a5d40fe3 100644
--- a/plugins/postcss-trigonometric-functions/package.json
+++ b/plugins/postcss-trigonometric-functions/package.json
@@ -44,7 +44,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs && node ../../.github/bin/generate-docs/readme.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/plugins/postcss-unset-value/package.json b/plugins/postcss-unset-value/package.json
index ec0bf6a98..9821935ad 100644
--- a/plugins/postcss-unset-value/package.json
+++ b/plugins/postcss-unset-value/package.json
@@ -41,7 +41,7 @@
 		"postcss": "^8.4"
 	},
 	"scripts": {
-		"build": "rollup -c ../../rollup/default.js",
+		"build": "rollup -c ../../rollup/default.mjs",
 		"clean": "node -e \"fs.rmSync('./dist', { recursive: true, force: true });\"",
 		"docs": "node ../../.github/bin/generate-docs/install.mjs",
 		"lint": "npm run lint:eslint && npm run lint:package-json",
diff --git a/rollup/configs/babel-presets.js b/rollup/configs/babel-presets.mjs
similarity index 100%
rename from rollup/configs/babel-presets.js
rename to rollup/configs/babel-presets.mjs
diff --git a/rollup/configs/externals.js b/rollup/configs/externals.mjs
similarity index 100%
rename from rollup/configs/externals.js
rename to rollup/configs/externals.mjs
diff --git a/rollup/default.js b/rollup/default.mjs
similarity index 74%
rename from rollup/default.js
rename to rollup/default.mjs
index ee0c9d58c..2eca99be2 100644
--- a/rollup/default.js
+++ b/rollup/default.mjs
@@ -1,10 +1,10 @@
 import fs from 'fs';
-import { browserJavascript } from './presets/browser.javascript';
-import { cliJavascript } from './presets/cli-javascript';
-import { cliTypescript } from './presets/cli-typescript';
-import { denoJavascript } from './presets/deno-javascript';
-import { packageJavascript } from './presets/package-javascript';
-import { packageTypescript } from './presets/package-typescript';
+import { browserJavascript } from './presets/browser-javascript.mjs';
+import { cliJavascript } from './presets/cli-javascript.mjs';
+import { cliTypescript } from './presets/cli-typescript.mjs';
+import { denoJavascript } from './presets/deno-javascript.mjs';
+import { packageJavascript } from './presets/package-javascript.mjs';
+import { packageTypescript } from './presets/package-typescript.mjs';
 
 const packageInfo = JSON.parse(fs.readFileSync('./package.json'));
 
diff --git a/rollup/presets/browser.javascript.js b/rollup/presets/browser-javascript.mjs
similarity index 87%
rename from rollup/presets/browser.javascript.js
rename to rollup/presets/browser-javascript.mjs
index 08e5b8ea1..3d1f9e7b2 100644
--- a/rollup/presets/browser.javascript.js
+++ b/rollup/presets/browser-javascript.mjs
@@ -1,9 +1,9 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import path from 'path';
+import terser from '@rollup/plugin-terser';
+import { externalsForBrowser } from '../configs/externals.mjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
-import { terser } from 'rollup-plugin-terser';
-import { externalsForBrowser } from '../configs/externals';
 
 export function browserJavascript() {
 	const babelConfig = {
@@ -43,7 +43,9 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				terser(),
+				terser({
+					keep_classnames: true,
+				}),
 			],
 		},
 		{
@@ -60,7 +62,9 @@ export function browserJavascript() {
 					rootDir: path.join(process.cwd(), '..', '..'),
 				}),
 				babel(babelConfig),
-				terser(),
+				terser({
+					keep_classnames: true,
+				}),
 			],
 		},
 	];
diff --git a/rollup/presets/cli-javascript.js b/rollup/presets/cli-javascript.mjs
similarity index 68%
rename from rollup/presets/cli-javascript.js
rename to rollup/presets/cli-javascript.mjs
index 8648a0726..3bb177b75 100644
--- a/rollup/presets/cli-javascript.js
+++ b/rollup/presets/cli-javascript.mjs
@@ -1,11 +1,11 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import path from 'path';
+import terser from '@rollup/plugin-terser';
+import { addHashBang } from '../transforms/cli-hash-bang.mjs';
+import { externalsForCLI } from '../configs/externals.mjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
-import { terser } from 'rollup-plugin-terser';
-import { externalsForCLI } from '../configs/externals';
-import { addHashBang } from '../transforms/cli-hash-bang';
-import { packageBabelPreset } from '../configs/babel-presets';
+import { packageBabelPreset } from '../configs/babel-presets.mjs';
 
 export function cliJavascript() {
 	return [
@@ -25,7 +25,9 @@ export function cliJavascript() {
 					exclude: 'node_modules/**',
 					presets: packageBabelPreset,
 				}),
-				terser(),
+				terser({
+					keep_classnames: true,
+				}),
 				addHashBang(),
 			],
 		},
diff --git a/rollup/presets/cli-typescript.js b/rollup/presets/cli-typescript.mjs
similarity index 72%
rename from rollup/presets/cli-typescript.js
rename to rollup/presets/cli-typescript.mjs
index 45a8675c0..3dd83ab93 100644
--- a/rollup/presets/cli-typescript.js
+++ b/rollup/presets/cli-typescript.mjs
@@ -1,12 +1,12 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import path from 'path';
+import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
+import { addHashBang } from '../transforms/cli-hash-bang.mjs';
+import { externalsForCLI } from '../configs/externals.mjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
-import { terser } from 'rollup-plugin-terser';
-import { externalsForCLI } from '../configs/externals';
-import { addHashBang } from '../transforms/cli-hash-bang';
-import { packageBabelPreset } from '../configs/babel-presets';
+import { packageBabelPreset } from '../configs/babel-presets.mjs';
 
 export function cliTypescript() {
 	return [
@@ -28,7 +28,9 @@ export function cliTypescript() {
 					extensions: ['.js', '.ts'],
 					presets: packageBabelPreset,
 				}),
-				terser(),
+				terser({
+					keep_classnames: true,
+				}),
 				addHashBang(),
 			],
 		},
diff --git a/rollup/presets/deno-javascript.js b/rollup/presets/deno-javascript.mjs
similarity index 86%
rename from rollup/presets/deno-javascript.js
rename to rollup/presets/deno-javascript.mjs
index b8717f3db..341b5c1b3 100644
--- a/rollup/presets/deno-javascript.js
+++ b/rollup/presets/deno-javascript.mjs
@@ -1,9 +1,9 @@
 import babel from '@rollup/plugin-babel';
 import commonjs from '@rollup/plugin-commonjs';
 import path from 'path';
+import { externalsForDeno } from '../configs/externals.mjs';
 import { nodeResolve } from '@rollup/plugin-node-resolve';
-import { packageBabelPreset } from '../configs/babel-presets';
-import { externalsForDeno } from '../configs/externals';
+import { packageBabelPreset } from '../configs/babel-presets.mjs';
 
 export function denoJavascript() {
 	return [
diff --git a/rollup/presets/package-javascript.js b/rollup/presets/package-javascript.mjs
similarity index 68%
rename from rollup/presets/package-javascript.js
rename to rollup/presets/package-javascript.mjs
index 628589b49..3f2051caf 100644
--- a/rollup/presets/package-javascript.js
+++ b/rollup/presets/package-javascript.mjs
@@ -1,7 +1,7 @@
 import babel from '@rollup/plugin-babel';
-import { terser } from 'rollup-plugin-terser';
-import { packageBabelPreset } from '../configs/babel-presets';
-import { externalsForPlugin } from '../configs/externals';
+import terser from '@rollup/plugin-terser';
+import { externalsForPlugin } from '../configs/externals.mjs';
+import { packageBabelPreset } from '../configs/babel-presets.mjs';
 
 export function packageJavascript() {
 	return [
@@ -18,7 +18,9 @@ export function packageJavascript() {
 					exclude: 'node_modules/**',
 					presets: packageBabelPreset,
 				}),
-				terser(),
+				terser({
+					keep_classnames: true,
+				}),
 			],
 		},
 	];
diff --git a/rollup/presets/package-typescript.js b/rollup/presets/package-typescript.mjs
similarity index 79%
rename from rollup/presets/package-typescript.js
rename to rollup/presets/package-typescript.mjs
index 6242f32c5..e7da7fa0b 100644
--- a/rollup/presets/package-typescript.js
+++ b/rollup/presets/package-typescript.mjs
@@ -1,8 +1,8 @@
 import babel from '@rollup/plugin-babel';
+import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
-import { terser } from 'rollup-plugin-terser';
-import { packageBabelPreset } from '../configs/babel-presets';
-import { externalsForPlugin } from '../configs/externals';
+import { externalsForPlugin } from '../configs/externals.mjs';
+import { packageBabelPreset } from '../configs/babel-presets.mjs';
 
 export function packageTypescript() {
 	return [
diff --git a/rollup/transforms/cli-hash-bang.js b/rollup/transforms/cli-hash-bang.mjs
similarity index 100%
rename from rollup/transforms/cli-hash-bang.js
rename to rollup/transforms/cli-hash-bang.mjs