Fix declaration-property-value-no-unknown and other false positives…

… for multiline SCSS interpolation (#7406)
stylelint · Dec 18, 2023 · 7620c2c · 7620c2c
1 parent d03def6
commit 7620c2c
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 2 deletions.
diff --git a/.changeset/new-bananas-sell.md b/.changeset/new-bananas-sell.md
@@ -0,0 +1,5 @@
+---
+"stylelint": patch
+---
+
+Fixed: `declaration-property-value-no-unknown` and other false positives for multiline SCSS interpolation.
diff --git a/lib/rules/declaration-property-value-no-unknown/__tests__/index.mjs b/lib/rules/declaration-property-value-no-unknown/__tests__/index.mjs
@@ -374,5 +374,15 @@ testRule({
 		{
 			code: 'a { top: #{foo}; }',
 		},
+		{
+			// https://github.com/stylelint/stylelint/issues/7403
+			code: stripIndent`
+				a {
+					top: #{
+						foo
+					};
+				}
+			`,
+		},
 	],
 });
diff --git a/lib/utils/hasScssInterpolation.cjs b/lib/utils/hasScssInterpolation.cjs
@@ -2,7 +2,7 @@
 // please instead edit the ESM counterpart and rebuild with Rollup (npm run build).
 'use strict';
 
-const HAS_SCSS_INTERPOLATION = /#\{.+?\}/;
+const HAS_SCSS_INTERPOLATION = /#\{.+?\}/s;
 
 /**
  * Check whether a string has scss interpolation

diff --git a/lib/utils/hasScssInterpolation.mjs b/lib/utils/hasScssInterpolation.mjs
@@ -1,4 +1,4 @@
-const HAS_SCSS_INTERPOLATION = /#\{.+?\}/;
+const HAS_SCSS_INTERPOLATION = /#\{.+?\}/s;
 
 /**
  * Check whether a string has scss interpolation