postcss-bundler

plugin-packs/postcss-bundler/CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### Unreleased (patch)
 
+- Ignore `@import {}` blocks
 - Updated [`@csstools/css-tokenizer`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer) to [`4.0.1`](https://github.com/csstools/postcss-plugins/tree/main/packages/css-tokenizer/CHANGELOG.md#401) (patch)
 
 ### 3.0.0

plugin-packs/postcss-bundler/src/postcss-import/lib/parse-stylesheet.ts

@@ -216,6 +216,12 @@ function consumeLayers(nodes: Array<ChildNode>, conditions: Array<Condition>, cu
 }
 
 function parseImport(result: Result, atRule: AtRule, importingNode: AtRule | null, conditions: Array<Condition>, from: Array<string>): Warning | ImportStatement {
+	if (atRule.nodes) {
+		return result.warn(`Invalid @import block in '${atRule.toString()}'`, {
+			node: atRule,
+		});
+	}
+
 	const parsed = parseAtImport(atRule.params);
 	if (!parsed) {
 		return result.warn(`Invalid @import statement in '${atRule.toString()}'`, {

plugin-packs/postcss-bundler/test/_tape.mjs

@@ -69,6 +69,9 @@ const testCases = {
 		case 'test/css-import-tests/001-core-features/forwards-compat/004':
 			testCases[key].warnings = 1;
 			break;
+		case 'test/css-import-tests/001-core-features/forwards-compat/009':
+			testCases[key].warnings = 1;
+			break;
 		case 'test/css-import-tests/002-sub-features/003-at-layer/013':
 			testCases[key].warnings = 1;
 			break;

plugin-packs/postcss-bundler/test/css-import-tests/001-core-features/forwards-compat/009/green.css

@@ -0,0 +1,3 @@
+.box {
+	background-color: green;
+}

plugin-packs/postcss-bundler/test/css-import-tests/001-core-features/forwards-compat/009/red.css

@@ -0,0 +1,3 @@
+.box {
+	background-color: red;
+}

plugin-packs/postcss-bundler/test/css-import-tests/001-core-features/forwards-compat/009/style.css

@@ -0,0 +1,2 @@
+@import url("green.css");
+@import url("red.css") {}

plugin-packs/postcss-bundler/test/css-import-tests/001-core-features/forwards-compat/009/style.expect.css

@@ -0,0 +1,4 @@
+/* green.css */
+.box {
+	background-color: green;
+}