fix(toolbar): use correct setup

Author: thetaPC

core/src/components/button/button.common.scss

@@ -293,7 +293,7 @@ ion-ripple-effect {
 
 :host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native {
   background: #{var(--ion-toolbar-color, var(--background))};
-  color: #{var(--ion-components-ion-toolbar-bg, (var(--color)))};
+  color: #{var(--ion-toolbar-background, var(--ion-components-ion-toolbar-bg, (var(--color))))};
 }
 
 // Button Badge

core/src/components/toolbar/test/basic/toolbar.e2e.ts

@@ -86,7 +86,7 @@ configs({ modes: ['ios', 'md', 'ionic-md'], palettes: ['light', 'dark'] }).forEa
       await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`));
     });
 
-    test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
+    test.only('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => {
       skip.browser('webkit', 'Safari does not consistently render overflowing text in a toolbar with icons and text.');
 
       await page.setContent(

core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Chrome-linux.png

@@ -123,7 +123,7 @@ export const defaultTheme: DefaultTheme = {
     },
     IonToolbar: {
       activatedButtonColor: 'var(--ion-toolbar-background, var(--background), ion-color(primary, contrast))',
-      bg: 'var(--ion-toolbar-background, var(--ion-color-gray-50))',
+      bg: 'var(--ion-color-gray-50)',
       borderColor: 'var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-gray-150)))',
     },
   },

core/src/components/toolbar/test/basic/toolbar.e2e.ts-snapshots/toolbar-basic-text-icon-buttons-ionic-md-ltr-dark-Mobile-Firefox-linux.png

@@ -51,7 +51,7 @@ export const lightTheme: LightTheme = {
       borderColor: 'var(--ion-tab-bar-border-color, var(--ion-border-color, rgba(0, 0, 0, 0.2)))',
     },
     IonToolbar: {
-      bg: 'var(--ion-toolbar-background, #f7f7f7)',
+      bg: '#f7f7f7',
       borderColor: 'var(--ion-toolbar-border-color, var(--ion-border-color, rgba(0, 0, 0, 0.2)))',
     },
   },