fix: Numeric 0 can be set in the property (#6381)

Co-authored-by: James Jarvis <[email protected]>

Author: tacck

Diff for: .changeset/eight-socks-approve.md

@@ -0,0 +1,5 @@
+---
+"@aws-amplify/ui-react": patch
+---
+
+fix: Numeric 0 can be set in the property

Diff for: packages/react/src/primitives/shared/__tests__/styleUtils.test.tsx

@@ -67,6 +67,7 @@ describe('convertStylePropsToStyleObj:', () => {
       // cast to `undefined` to allow robustness testing
       color: null as unknown as undefined,
       border: '',
+      borderWidth: 0,
       borderRadius: '6px',
       ariaLabel: 'important section',
       as: 'section',
@@ -80,6 +81,7 @@ describe('convertStylePropsToStyleObj:', () => {
     expect(propStyles['backgroundColor']).toBeUndefined();
     expect(propStyles['color']).toBeUndefined();
     expect(propStyles['border']).toBeUndefined();
+    expect(propStyles['borderWidth']).toBe(props.borderWidth);
     expect(propStyles['borderRadius']).toBe(props.borderRadius);
     expect(propStyles['as']).toBeUndefined();
   });

Diff for: packages/react/src/primitives/shared/styleUtils.ts

@@ -128,7 +128,8 @@ export const convertStylePropsToStyleObj: ConvertStylePropsToStyleObj = ({
     .forEach((propKey) => {
       if (isComponentStyleProp(propKey)) {
         const values = props[propKey];
-        if (!values || isEmptyString(values)) return;
+        if (values === null || values === undefined || isEmptyString(values))
+          return;
 
         const reactStyleProp = ComponentPropsToStylePropsMap[propKey];
         // short circuit the style prop here if it is a string or design token