Correct font family in Text and TextInput

Author: efoken

packages/components/src/Text/Text.native.tsx

@@ -8,9 +8,7 @@ const TextRoot = styled(RNText, {
   slot: 'Root',
 })(({ theme }) => ({
   borderColor: theme.colors.border.default,
-  fontFamily: theme.fonts.body.family,
-  fontStyle: 'normal',
-  fontWeight: 'normal',
+  fontFamily: theme.fonts.body,
   position: 'static',
 }));
 

packages/components/src/TextInput/TextInput.native.tsx

@@ -17,9 +17,10 @@ import type { TextInputProps, TextInputType } from './TextInput.types';
 const TextInputRoot = styled(RNTextInput, {
   name: 'TextInput',
   slot: 'Root',
-})({
+})(({ theme }) => ({
+  fontFamily: theme.fonts.body,
   position: 'static',
-});
+}));
 
 export const TextInput = forwardRef<any, TextInputProps>(
   (

packages/components/src/TextInput/TextInput.tsx

@@ -93,7 +93,7 @@ const TextInputRoot = styled('input', {
   borderColor: theme.colors.border.default,
   borderStyle: 'solid',
   borderWidth: 0,
-  fontFamily: theme.fonts.body.family,
+  fontFamily: theme.fonts.body,
   resize: 'none',
   '&::placeholder': {
     color: 'var(--placeholder-text-color)',