simple transitivity

Author: geelen

lib/index.js

@@ -39,6 +39,8 @@ exports['default'] = function (css) {
       var /*match*/key = _matches2[1];
       var value = _matches2[2];
 
+      // Values can refer to each other
+      if (definitions[value]) value = definitions[value];
       definitions[key] = value;
       atRule.remove();
     }

src/index.js

@@ -16,6 +16,8 @@ export default css => {
     let matches
     while (matches = matchLet.exec(atRule.params)) {
       let [/*match*/, key, value] = matches
+      // Values can refer to each other
+      if (definitions[value]) value = definitions[value]
       definitions[key] = value
       atRule.remove()
     }

test/index.js

@@ -71,5 +71,12 @@ describe('constants', () => {
       ':import(colors) {\n  i__const_red_6: red\n}'
     )
   })
+
+  it('should allow transitive values', () => {
+    test(
+      '@value aaa: red;\n@value bbb: aaa;\n.a { color: bbb; }',
+      ':export {\n  aaa: red;\n  bbb: red;\n}\n.a { color: red; }'
+    )
+  })
 })