ui: transform number to px in basis utility prop

Signed-off-by: MT Lewis <mtlewis@users.noreply.github.com>

packages/ui/src/components/Flex/Flex.stories.tsx

@@ -286,7 +286,7 @@ export const FlexItems = meta.story({
     },
     basis: {
       control: 'radio',
-      options: [undefined, '0%', '25%', '50%', '100%', 'auto'],
+      options: [undefined, '0%', '25%', '50%', '100%', 100, '250px', 'auto'],
     },
   },
   render: ({ component: Component, ...args }) => {

packages/ui/src/utils/utilityClassMap.ts

@@ -212,6 +212,7 @@ export const utilityClassMap = {
     class: 'bui-basis',
     cssVar: '--basis',
     values: [],
+    transform: input => (typeof input === 'number' ? `${input}px` : input),
   },
 } as const satisfies Record<
   string,