Need to deprecated enums used for component prop typing

[brionmario]

Describe the issue:
The use of enums for prop typing is causing type mismatches in TypeScript, particularly when passing string values to props that expect enum values. This results in errors when using the component, such as:

No overload matches this call.
Type '"contained"' is not assignable to type 'IconButtonVariants'.

How to reproduce:

1. Use a component with a prop that expects an enum type (e.g., variant in IconButton).
2. Pass a string directly (e.g., "contained" or "text") to the prop.

Example:

<IconButton variant="contained" />;

Expected behavior:
The component should allow passing strings directly for props like variant, instead of requiring the enum, to improve flexibility and ease of use.

Proposed Solution:
Move away from using enums for prop typing and switch to string literal unions, which allows using string values directly.

Example:

export type IconButtonVariants = 'contained' | 'text';

This will allow the following usage without causing type errors:

<IconButton variant="contained" />

Additional context:

• Affected Package:
  • @oxygen-ui/react
• Library Version: [e.g., 1.10.0, 2.0.0-alpha]
• OS:
  • Windows
  • Linux
  • Mac
  • Other
• Browser:
  • Google Chrome
  • Firefox
  • Safari
  • Microsoft Edge
  • Brave
  • Opera
  • Other