Base style extendTheme for Button component does not work

### Description

I want to configure the default shade for colorScheme primary to be a lighter shade of the primary color scheme

### Steps to reproduce

Create a themeConfig using extendTheme function, override the Button component baseStyle bg property

Expected behaviour: The button bg color to change from the default primary color to a lighter shade
Actual behaviour: The button bg color does not change

This is my code snippet
```
const themeConfig = extendTheme({
colors: {
...generateShades(overriddenColors.primary, 'primary'),
...generateShades(overriddenColors.secondary, 'secondary'),
...generateShades(overriddenColors.tertiary, 'tertiary'),
},
config: {
initialColorMode: 'light',
},
components: {
Button: {
baseStyle: ({ colorScheme }) => {
return { bg: `${colorScheme}.200` };
},
},
},
});
```

### NativeBase Version

3.3.1

### Platform

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

### Other Platform

_No response_

### Additional Information

_No response_