fix(tab-bar): use PascalCase

Author: thetaPC

core/src/components/tab-bar/tab-bar.ios.scss

@@ -6,9 +6,9 @@
 
 :host {
   // default color / background
-  --background: var(--ion-components-ion-tabbar-bg);
+  --background: var(--ion-components-ion-tab-bar-bg);
   --background-focused: #{$tabbar-ios-background-focused};
-  --border: #{$hairlines-width solid (var(--ion-tab-bar-border-color, var(--ion-components-ion-tab-bar-border-color)))};
+  --border: #{$hairlines-width solid var(--ion-tab-bar-border-color, var(--ion-components-ion-tab-bar-border-color))};
   --color: #{$tab-button-ios-text-color};
   --color-selected: #{$tabbar-ios-color-selected};
 

core/src/themes/ios/default.tokens.ts

@@ -117,7 +117,7 @@ export const defaultTheme: DefaultTheme = {
     IonSegmentButton: {
       checkedIndicatorBg: 'var(--ion-color-gray-350)', // Available only in iOS
     },
-    IonTabbar: {
+    IonTabBar: {
       bg: 'var(--ion-tab-bar-background-color, var(--ion-color-gray-50))',
       borderColor: 'var(--ion-border-color, var(--ion-color-gray-150))',
     },

core/src/themes/ios/light.tokens.ts

@@ -46,7 +46,7 @@ export const lightTheme: LightTheme = {
     IonSegmentButton: {
       checkedIndicatorBg: defaultColors.white, // Available only in iOS
     },
-    IonTabbar: {
+    IonTabBar: {
       bg: 'var(--ion-tab-bar-background-color, #f7f7f7)',
       borderColor: 'var(--ion-border-color, rgba(0, 0, 0, 0.2))',
     },