Circular reference error when using ComponentTheme or StyledProps types

### Description

Circular reference error when using ComponentTheme or StyledProps types

### CodeSandbox/Snack link

https://codesandbox.io/s/naughty-brown-0vyotf?file=/src/theme/index.tsx

### Steps to reproduce

Copy and paste this:

```
const ButtonComponentTheme: ComponentTheme = { baseStyle: { color: "white" } };

const theme = extendTheme({
components: {
Button: ButtonComponentTheme
},
config: {
// Changing initialColorMode to 'dark'
initialColorMode: "dark"
}
});

export type ITheme = typeof theme;
```

### NativeBase Version

3.4.22

### Platform

- [ ] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

_No response_

Start with the reproduction in the CodeSandbox, especially src/theme/index.tsx, and confirm the circular reference error using the shown ComponentTheme and StyledProps types. Then locate the declarations for those types and extendTheme in the NativeBase TypeScript sources. Done means the reproduction no longer reports the circular reference while retaining the shown theme typing.

Written by the indexing model from the issue text.