fix: bug

lib/css/CssParser.js

@@ -187,8 +187,6 @@ class CssParser extends Parser {
 		let modeData = undefined;
 		/** @type {[number, number] | undefined} */
 		let lastIdentifier = undefined;
-		/** @type {boolean} */
-		let awaitRightParenthesis = false;
 		/** @type [string, number, number][] */
 		let balanced = [];
 		const modeStack = [];
@@ -779,14 +777,14 @@ class CssParser extends Parser {
 
 				switch (mode) {
 					case CSS_MODE_TOP_LEVEL: {
-						if (awaitRightParenthesis) {
-							awaitRightParenthesis = false;
-						}
-						const newModeData = modeStack.pop();
-						if (newModeData !== false) {
-							modeData = newModeData;
-							const dep = new ConstDependency("", [start, end]);
-							module.addPresentationalDependency(dep);
+						if (modeStack.length > 0) {
+							const newModeData = modeStack.pop();
+
+							if (newModeData !== false) {
+								modeData = newModeData;
+								const dep = new ConstDependency("", [start, end]);
+								module.addPresentationalDependency(dep);
+							}
 						}
 						break;
 					}
@@ -816,6 +814,7 @@ class CssParser extends Parser {
 					switch (mode) {
 						case CSS_MODE_TOP_LEVEL: {
 							const name = input.slice(start, end).toLowerCase();
+
 							if (name === ":global") {
 								modeData = "global";
 								const dep = new ConstDependency("", [start, end]);
@@ -841,25 +840,24 @@ class CssParser extends Parser {
 
 				balanced.push([name, start, end]);
 
-				switch (mode) {
-					case CSS_MODE_TOP_LEVEL: {
-						name = name.toLowerCase();
+				if (this.allowModeSwitch) {
+					switch (mode) {
+						case CSS_MODE_TOP_LEVEL: {
+							name = name.toLowerCase();
 
-						if (this.allowModeSwitch && name === ":global") {
-							modeStack.push(modeData);
-							modeData = "global";
-							const dep = new ConstDependency("", [start, end]);
-							module.addPresentationalDependency(dep);
-						} else if (this.allowModeSwitch && name === ":local") {
-							modeStack.push(modeData);
-							modeData = "local";
-							const dep = new ConstDependency("", [start, end]);
-							module.addPresentationalDependency(dep);
-						} else {
-							awaitRightParenthesis = true;
-							modeStack.push(false);
+							if (name === ":global") {
+								modeStack.push(modeData);
+								modeData = "global";
+								const dep = new ConstDependency("", [start, end]);
+								module.addPresentationalDependency(dep);
+							} else if (name === ":local") {
+								modeStack.push(modeData);
+								modeData = "local";
+								const dep = new ConstDependency("", [start, end]);
+								module.addPresentationalDependency(dep);
+							}
+							break;
 						}
-						break;
 					}
 				}
 				return end;
@@ -867,10 +865,9 @@ class CssParser extends Parser {
 			comma: (input, start, end) => {
 				switch (mode) {
 					case CSS_MODE_TOP_LEVEL:
-						if (!awaitRightParenthesis) {
-							modeData = undefined;
-							modeStack.length = 0;
-						}
+						// Reset stack for `:global .class :local .class-other` selector after `,`
+						modeData = undefined;
+						modeStack.length = 0;
 						break;
 					case CSS_MODE_IN_LOCAL_RULE:
 						processDeclarationValueDone(input, start);

test/configCases/css/css-modules-in-node/index.js

@@ -83,6 +83,12 @@ it("should allow to create css modules", done => {
 				paddingSm: prod
 					? "my-app-491-zE"
 					: "./style.module.css-padding-sm",
+				classLocalScope: prod
+					? "my-app-491-gz"
+					: "./style.module.css-class-local-scope",
+				inLocalGlobalScope: prod
+					? "my-app-491-Zv"
+					: "./style.module.css-in-local-global-scope",
 			});
 		} catch (e) {
 			return done(e);

test/configCases/css/css-modules/index.js

@@ -98,6 +98,12 @@ it("should allow to create css modules", done => {
 				paddingSm: prod
 					? "my-app-491-zE"
 					: "./style.module.css-padding-sm",
+				classLocalScope: prod
+					? "my-app-491-gz"
+					: "./style.module.css-class-local-scope",
+				inLocalGlobalScope: prod
+					? "my-app-491-Zv"
+					: "./style.module.css-in-local-global-scope",
 			});
 		} catch (e) {
 			return done(e);

test/configCases/css/css-modules/style.module.css

@@ -71,6 +71,15 @@
 	background-color: aquamarine;
 }
 
+.local9 :matches(div.parent1.child1.vertical-tiny,
+    div.parent1.child1.vertical-small,
+    div.otherDiv.horizontal-tiny,
+    div.otherDiv.horizontal-small div.description) {
+	max-height: 0;
+	margin: 0;
+	overflow: hidden;
+}
+
 :global(:global(:local(.nested1)).nested2).nested3 {
 	color: pink;
 }
@@ -397,6 +406,16 @@
 
 @unknown .class {
 	color: red;
+
+	.class {
+		color: red;
+	}
+}
+
+:global .class :local .in-local-global-scope,
+:global .class :local .in-local-global-scope,
+:local .class-local-scope :global .in-local-global-scope {
+	color: red;
 }
 
 :scope {

test/configCases/css/css-modules/use-style.js

@@ -37,4 +37,6 @@ export default {
 	myColor: style['my-color'],
 	paddingSm: style['padding-sm'],
 	paddingLg: style['padding-lg'],
+	inLocalGlobalScope: style['in-local-global-scope'],
+	classLocalScope: style['class-local-scope'],
 };