fix(issue:4258) variable interpolation after math (less#4292)

* fix(issue:4258) variable interpolation after math * Fixes variable interpolation issue after previous variable addition. * chore: fix rebase issue * Fix rebase issue for fix for issue less#4258.
puckowski · Dec 8, 2024 · 304c310 · 304c310
1 parent 509a007
commit 304c310
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 1 deletion.
diff --git a/packages/less/src/less/parser/parser.js b/packages/less/src/less/parser/parser.js
@@ -1731,7 +1731,9 @@ const Parser = function Parser(context, imports, fileInfo, currentIndex) {
                             }
                             // Treat like quoted values, but replace vars like unquoted expressions
                             const quote = new tree.Quoted('\'', item, true, index, fileInfo);
-                            quote.variableRegex = /@([\w-]+)/g;
+                            if (!item.startsWith('@{')) {
+                                quote.variableRegex = /@([\w-]+)/g;
+                            }
                             quote.propRegex = /\$([\w-]+)/g;
                             result.push(quote);
                         }

diff --git a/packages/test-data/css/_main/variables.css b/packages/test-data/css/_main/variables.css
@@ -77,3 +77,6 @@
   --tw-pinch-zoom: ;
   --tw-scroll-snap-strictness: proximity;
 }
+.radio_checked {
+  border-color: #fff;
+}
diff --git a/packages/test-data/less/_main/variables.less b/packages/test-data/less/_main/variables.less
@@ -132,3 +132,14 @@
 	--tw-pinch-zoom:  ;
 	--tw-scroll-snap-strictness: proximity;
 }
+
+@a1: 1px;
+@b2: 2px;
+@c3: @a1 + @b2;
+
+@radio-cls: radio;
+@radio-cls-checked: @{radio-cls}_checked;
+
+.@{radio-cls-checked} {
+  border-color: #fff;
+}