[Bug] CSS properties doesn't exist in type error when using in React and TypeScript combination project

[velprathap]

Library used

@paypal/react-paypal-js

🐞 Describe the Bug

As I am trying to customize the CardFields, For example trying to style the NameField with no box-shadow (i.e. boxShadow: none), but it shows that this property doesn't exist in the type. Similarly facing issue for border as well. So, due to this issue I can't customize the CardFields with my own style.

I can see these properties in the Supported CSS properties list in the below link:

https://developer.paypal.com/docs/checkout/advanced/customize/card-field-style/

But when I check the types in the source level, I don't see this property in the list (file path: https://github.com/paypal/paypal-js/blob/main/packages/react-paypal-js/src/types/payPalCardFieldsTypes.ts).

export type CardFieldStyle = {
appearance?: string;
background?: string;
color?: string;
direction?: string;
font?: string;
fontFamily?: string;
fontSizeAdjust?: string;
fontSize?: string;
fontStretch?: string;
fontStyle?: string;
fontVariantAlternates?: string;
fontVariantCaps?: string;
fontVariantEastAsian?: string;
fontVariantLigatures?: string;
fontVariantNumeric?: string;
fontVariant?: string;
fontWeight?: string;
height?: string;
letterSpacing?: string;
lineHeight?: string;
opacity?: string;
outline?: string;
padding?: string;
paddingTop?: string;
paddingRight?: string;
paddingBottom?: string;
paddingLeft?: string;
textShadow?: string;
transition?: string;
MozApperance?: string;
MozOsxFontSmoothing?: string;
MozTapHighlightColor?: string;
MozTransition?: string;
WebkitAppearance?: string;
WebkitOsxFontSmoothing?: string;
WebkitTapHighlightColor?: string;
WebkitTransition?: string;
};

🔬 Minimal Reproduction

React + TypeScript Codesandbox Sample
https://codesandbox.io/p/sandbox/7dm8tm?file=%2Fsrc%2FApp.tsx%3A78%2C19

• Add the boxShadow: none as shown in the below screenshot, you will see the warning message of doesn't exist in type.

😕 Actual Behavior

Showing the box shadow on the focus.

🤔 Expected Behavior

After applying the style, we should not see the box-shadow on focus the field.

🌍 Environment

• Node.js/npm: -Node V20.15.0
• OS: - Windows
• Browser: -

➕ Additional Context

Add any other context about the problem here.