DevTools: improve SCSS parser to correctly handle variable expansions

third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-6-expected.txt

Index: third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-6-expected.txt
diff --git a/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-6-expected.txt b/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-6-expected.txt
new file mode 100644
index 0000000000000000000000000000000000000000..55b87416db1919a5ed62a8edc531a4b24960fe9e
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/inspector/sass/test-ast-scss-6-expected.txt
@@ -0,0 +1,29 @@
+Verifies AST of SCSS with @for control statement.
+
+@for $i from 1 through 3 {
+    .box#{$i} {
+        color: $color;
+        margin: 10px;
+    }
+}
+=== AST === 
+rule 0: "variables"
+rule 1: "properties"
+    property 0
+        name: "color"
+            range: {"startLine":2,"startColumn":8,"endLine":2,"endColumn":13}
+        value: " $color"
+            range: {"startLine":2,"startColumn":14,"endLine":2,"endColumn":21}
+        range: {"startLine":2,"startColumn":8,"endLine":2,"endColumn":22}
+        disabled: false
+    property 1
+        name: "margin"
+            range: {"startLine":3,"startColumn":8,"endLine":3,"endColumn":14}
+        value: " 10px"
+            range: {"startLine":3,"startColumn":15,"endLine":3,"endColumn":20}
+        range: {"startLine":3,"startColumn":8,"endLine":3,"endColumn":21}
+        disabled: false
+rule 2: "mixins"
+======
+Ranges OK.
+