tests(css): supports at rule (#3816)

tests/css_variables/__snapshots__/jsfmt.spec.js.snap

@@ -7,6 +7,12 @@ exports[`variables.css 1`] = `
     prop2: var(--my-var, --my-background, pink);
     prop3: calc(var(--prop) * 1px);
 }
+
+@supports (--foo: green) {
+    body {
+        color: var(--varName);
+    }
+}
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 .foo {
   --prop: 10px;
@@ -15,4 +21,10 @@ exports[`variables.css 1`] = `
   prop3: calc(var(--prop) * 1px);
 }
 
+@supports (--foo: green) {
+  body {
+    color: var(--varName);
+  }
+}
+
 `;

tests/css_variables/variables.css

@@ -4,3 +4,9 @@
     prop2: var(--my-var, --my-background, pink);
     prop3: calc(var(--prop) * 1px);
 }
+
+@supports (--foo: green) {
+    body {
+        color: var(--varName);
+    }
+}