diff --git a/test/configCases/css/css-modules-in-node/index.js b/test/configCases/css/css-modules-in-node/index.js
index ffebb43946a..7a35129b34e 100644
--- a/test/configCases/css/css-modules-in-node/index.js
+++ b/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);
diff --git a/test/configCases/css/css-modules/index.js b/test/configCases/css/css-modules/index.js
index 1f81266de43..3a24fddf147 100644
--- a/test/configCases/css/css-modules/index.js
+++ b/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);
diff --git a/test/configCases/css/css-modules/style.module.css b/test/configCases/css/css-modules/style.module.css
index da1dc236bf1..95e41d7edb8 100644
--- a/test/configCases/css/css-modules/style.module.css
+++ b/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;
+	}
+}
diff --git a/test/configCases/css/css-modules/use-style.js b/test/configCases/css/css-modules/use-style.js
index 9013436b2cb..c2af1382f0a 100644
--- a/test/configCases/css/css-modules/use-style.js
+++ b/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,
 };