Support camelCase options for all the SassMap keys (#9)

* enable camelCase option to work for sassmap

* update tests

* minor tweak

Author: shinytang6

lib/transformVars.js

@@ -28,7 +28,7 @@ function quoteFontName(str) {
  *
  * @return {string|int} CSS value
  */
-function getSassValue(sassVar) {
+function getSassValue(sassVar, options) {
   const { type, value } = sassVar;
   switch (type) {
     case 'SassNumber':
@@ -53,7 +53,7 @@ function getSassValue(sassVar) {
     }
 
     case 'SassMap':
-      return transformVars(value);
+      return transformVars(value, options);
 
     default:
       return value;
@@ -88,7 +88,7 @@ function transformVars(varsObj, options) {
   const opts = Object.assign({ camelCase: true }, options);
   return Object.keys(varsObj).reduce((acc, key) => {
     const newKey = transformKey(key, opts.camelCase);
-    const newVal = getSassValue(varsObj[key]);
+    const newVal = getSassValue(varsObj[key], opts);
     acc[newKey] = newVal;
     return acc;
   }, {});

test/__snapshots__/test.js.snap

@@ -10,6 +10,11 @@ Object {
   "my_other_vAr": "300px",
   "my_var": "200px",
   "my_var_2": "600px",
+  "value-Map": Object {
+    "my-var5": "900px",
+    "my__var--6": "1000px",
+    "my_var4": "800px",
+  },
 }
 `;
 
@@ -23,6 +28,11 @@ Object {
   "my_other_vAr": "300px",
   "my_var": "200px",
   "my_var_2": "600px",
+  "value-Map": Object {
+    "my-var5": "900px",
+    "my__var--6": "1000px",
+    "my_var4": "800px",
+  },
 }
 `;
 
@@ -36,6 +46,11 @@ Object {
   "my_other_vAr": "300px",
   "my_var": "200px",
   "my_var_2": "600px",
+  "value-Map": Object {
+    "my-var5": "900px",
+    "my__var--6": "1000px",
+    "my_var4": "800px",
+  },
 }
 `;
 
@@ -77,6 +92,11 @@ Object {
   "myVar": "500px",
   "myVar2": "600px",
   "myVar3": "700px",
+  "valueMap": Object {
+    "myVar4": "800px",
+    "myVar5": "900px",
+    "myVar6": "1000px",
+  },
 }
 `;
 

test/sass/test-opts-camel.scss

@@ -6,3 +6,8 @@ $My-Cool_var: 400px;
 $MY-VAR: 500px;
 $my_var_2: 600px;
 $my__var--3: 700px;
+$value-Map: (
+  my_var4: 800px,
+  my-var5: 900px,
+  my__var--6: 1000px
+);