ICSS test case passing!

Author: geelen

src/parser.js

@@ -26,10 +26,18 @@ export default class Parser {
   }
 
   linkImportedSymbols( css ) {
-    css.eachDecl( decl => {
-      Object.keys(this.translations).forEach( translation => {
-        decl.value = decl.value.replace(translation, this.translations[translation])
-      } )
+    css.eachInside( node => {
+      if ( node.type === "decl" ) {
+        this.replaceOccurrences( node, "value" )
+      } else if ( node.type === "atrule" && node.name === "custom-media" ) {
+        this.replaceOccurrences( node, "params" )
+      }
+    })
+  }
+
+  replaceOccurrences( node, prop ) {
+    Object.keys(this.translations).forEach(translation => {
+      node[prop] = node[prop].replace(translation, this.translations[translation])
     })
   }
 
@@ -57,7 +65,7 @@ export default class Parser {
     return this.pathFetcher( file, relativeTo, depTrace ).then( exports => {
       importNode.each( decl => {
         if ( decl.type == 'decl' ) {
-          this.translations[decl.prop] = exports[decl.value]
+          this.translations[decl.prop] = exports[decl.value].replace(/^['"]|['"]$/g,'')
         }
       } )
       importNode.removeSelf()

test/cssi/media-queries/breakpoints.css

@@ -1,4 +1,4 @@
-:exports {
+:export {
   --small: "(max-width: 30em)";
   --medium: "(max-width: 60em)";
   --large: "(max-width: 90em)";

test/cssi/media-queries/expected.css

@@ -1,6 +1,9 @@
 @custom-media --small (max-width: 30em);
 @custom-media --medium (max-width: 60em);
 @custom-media --large (max-width: 90em);
+@custom-media --small (max-width: 30em);
+@custom-media --medium (max-width: 60em);
+@custom-media --large (max-width: 90em);
 
 .exported-red {
   color: red;

test/cssi/media-queries/expected.json

@@ -1,5 +1,6 @@
 {
-  "--small": "--x__source__small",
-  "--medium": "--x__source__medium",
-  "--large": "--x__source__large"
+  "--small": "(max-width: 30em)",
+  "--medium": "(max-width: 60em)",
+  "--large": "(max-width: 90em)",
+  "red": "exported-red"
 }