apply modifier only for color types since other types might have units like 1/2 which also considers modifier

Author: Cem Yılmaz

test/classname.test.ts

@@ -18,6 +18,7 @@ const table = [
     [{property: "marginRight", value: "1rem"}, "mr-4"],
     [{property: "marginRight", value: "-1rem"}, "-mr-4"],
     [{property: "marginRight", value: "1rem", negative: true}, "-mr-4"],
+    [{property: "width", value: "50%"}, "w-1/2"],
 ]
 
 //@ts-ignore

test/parse.test.ts

@@ -127,4 +127,27 @@ it("should parse a functional class with variants", () => {
             "arbitrary": false
         }
     )
+})
+it("w-1/2", () => {
+    expect(parse("w-1/2")).toEqual(
+        {
+            "root": "w",
+            "kind": "functional",
+            "property": "width",
+            "value": "50%",
+            "valueDef": {
+                "value": "50%",
+                "class": [
+                    "width"
+                ],
+                "raw": "1/2",
+                "kind": "length"
+            },
+            "variants": [],
+            "modifier": null,
+            "important": false,
+            "negative": false,
+            "arbitrary": false
+        }
+    )
 })