Merge pull request #17011 from webpack/issue-16155

test: added test case

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

@@ -65,6 +65,9 @@ it("should allow to create css modules", done => {
 				VARS: prod
 					? "--my-app-491-DJ my-app-491-ms undefined my-app-491-cU"
 					: "--./style.module.css-LOCAL-COLOR ./style.module.css-VARS undefined ./style.module.css-globalVarsUpperCase",
+				inSupportScope: prod
+					? "my-app-491-FO"
+					: "./style.module.css-inSupportScope",
 			});
 		} catch (e) {
 			return done(e);

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

@@ -68,6 +68,9 @@ it("should allow to create css modules", done => {
 				VARS: prod
 					? "--my-app-491-DJ my-app-491-ms undefined my-app-491-cU"
 					: "--./style.module.css-LOCAL-COLOR ./style.module.css-VARS undefined ./style.module.css-globalVarsUpperCase",
+				inSupportScope: prod
+					? "my-app-491-FO"
+					: "./style.module.css-inSupportScope",
 			});
 		} catch (e) {
 			return done(e);

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

@@ -219,3 +219,9 @@
 	COLOR: VAR(--GLOBAR-COLOR);
 	--GLOBAR-COLOR: red;
 }
+
+@supports (top: env(safe-area-inset-top, 0)) {
+	.inSupportScope {
+		color: red;
+	}
+}

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

@@ -31,4 +31,5 @@ export default {
 	supportsInMedia: style.displayFlexInSupportsInMedia,
 	displayFlexInSupportsInMediaUpperCase: style.displayFlexInSupportsInMediaUpperCase,
 	VARS: `${style["LOCAL-COLOR"]} ${style.VARS} ${style["GLOBAL-COLOR"]} ${style.globalVarsUpperCase}`,
+	inSupportScope: style.inSupportScope,
 };