fix numeric values

Author: mertasan

.run/tailwindcss-variables-test.run.xml

@@ -1,12 +1,12 @@
 <component name="ProjectRunConfigurationManager">
   <configuration default="false" name="@mertasan/tailwindcss-variables" type="JavaScriptTestRunnerJest">
-    <node-interpreter value="project"/>
-    <node-options value=""/>
-    <jest-package value="$PROJECT_DIR$/node_modules/jest"/>
-    <working-dir value="$PROJECT_DIR$/src"/>
-    <jest-options value="--coverage"/>
-    <envs/>
-    <scope-kind value="ALL"/>
-    <method v="2"/>
+    <node-interpreter value="project" />
+    <node-options value="" />
+    <jest-package value="$PROJECT_DIR$/node_modules/jest" />
+    <working-dir value="$PROJECT_DIR$/src" />
+    <jest-options value="--coverage" />
+    <envs />
+    <scope-kind value="ALL" />
+    <method v="2" />
   </configuration>
-</component>
+</component>

__tests__/basic-usage.test.js

@@ -13,12 +13,14 @@ test('basic usage', async () => {
               black: 'rgb(0, 0, 0)',
               white: '#ffffff',
             },
+
             sizes: {
               small: '10px',
               medium: '2rem',
               large: '100%',
             },
           },
+
           '.container': {
             colors: {
               primary: 'red',
@@ -27,23 +29,19 @@ test('basic usage', async () => {
           },
         },
       },
+
       plugins: [tailwindcssVariables],
-    }),
+    })
   ).toMatchInlineSnapshot(`
     "
 
       
       + :root {
-      +   --colors-black: rgb(0, 0, 0);
-      +   --colors-white: #ffffff;
-      +   --sizes-small: 10px;
-      +   --sizes-medium: 2rem;
-      +   --sizes-large: 100%
-      + }
-      +
-      + .container {
-      +   --colors-primary: red;
-      +   --colors-secondary: var(--colors-primary)
+      +     --colors-black: rgb(0, 0, 0);
+      +     --colors-white: #ffffff;
+      +     --sizes-small: 10px;
+      +     --sizes-medium: 2rem;
+      +     --sizes-large: 100%
       + }
 
     "