fix-floatToPixel (#911)

Author: lukasoppermann

.changeset/tidy-points-visit.md

@@ -0,0 +1,5 @@
+---
+'@primer/primitives': patch
+---
+
+Round pixel value in floatToPixel

src/transformers/floatToPixel.test.ts

@@ -12,8 +12,24 @@ describe('Transformer: floatToPixel', () => {
           },
         },
       }),
+      getMockToken({
+        value: 1.342,
+        $extensions: {
+          'org.primer.data': {
+            fontSize: 16,
+          },
+        },
+      }),
+      getMockToken({
+        value: 1.548,
+        $extensions: {
+          'org.primer.data': {
+            fontSize: 16,
+          },
+        },
+      }),
     ]
-    const expectedOutput = ['24px']
+    const expectedOutput = ['24px', '21px', '25px']
     expect(input.map(item => floatToPixel.transformer(item, {}))).toStrictEqual(expectedOutput)
   })
 

src/transformers/floatToPixel.ts

@@ -17,7 +17,7 @@ export const convertFloatToPixel = (token: StyleDictionary.TransformedToken) =>
   // convert value
   const convertedValue = token.$extensions?.['org.primer.data']?.fontSize * token.value
   // return converted value
-  return convertedValue === 0 ? 0 : `${convertedValue}px`
+  return convertedValue === 0 ? 0 : `${Math.round(convertedValue)}px`
 }
 /**
  * @description converts a float value to a pixel value based on the provided fontSize on the tokersn extension