Merge pull request #24 from mertasan/numeric-values

Fixed: numeric values are rendered incorrectly.

Author: mertasan

__tests__/issues.test.js

@@ -14,8 +14,10 @@ test('issue 23', async () => {
             'body-bg': '#fff',
             'body-font-family': 'var(--font-primary)',
             'body-font-size': '1rem',
-            'body-font-weight': '400',
-            'body-line-height': '1.5',
+            'body-font-weight': 400,
+            'body-line-height': 1.5,
+            'body-font-weight2': '400',
+            'body-line-height2': '1.5',
           },
         },
       },
@@ -32,7 +34,9 @@ test('issue 23', async () => {
       +   --body-font-family: var(--font-primary);
       +   --body-font-size: 1rem;
       +   --body-font-weight: 400;
-      +   --body-line-height: 1.5
+      +   --body-line-height: 1.5;
+      +   --body-font-weight2: 400;
+      +   --body-line-height2: 1.5
       + }
 
     "

src/utils.js

@@ -76,7 +76,7 @@ const parseVariables = (object, varPrefix) => {
       if (hasOwn(object, key) && isPlainObject(object[key])) {
         newObject = recurse(object[key], formattedKey ? pre + formattedKey : pre.slice(0, -1))
       } else {
-        newObject[formattedKey ? pre + formattedKey : pre.slice(0, -1)] = object[key]
+        newObject[formattedKey ? pre + formattedKey : pre.slice(0, -1)] = `${object[key]}`
       }
     }
     return newObject