feat(toolbar): support dynamic type (#28073)

core/src/components/searchbar/searchbar.ios.scss

@@ -168,7 +168,7 @@
 :host-context(ion-toolbar) {
   @include padding(1px, null, 15px, null);
 
-  height: 52px;
+  min-height: 52px;
 }
 
 // Searchbar in Toolbar Color

core/src/components/searchbar/test/a11y/searchbar.e2e.ts

@@ -20,5 +20,26 @@ configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
 
       await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-scale`));
     });
+    test('should scale text on larger font sizes in a toolbar', async ({ page }) => {
+      await page.setContent(
+        `
+        <style>
+          html {
+            font-size: 36px;
+          }
+        </style>
+        <ion-header>
+          <ion-toolbar>
+            <ion-searchbar value="My Text" show-cancel-button="always" show-clear-button="always"></ion-searchbar>
+          </ion-toolbar>
+        </ion-header>
+      `,
+        config
+      );
+
+      const searchbar = page.locator('ion-searchbar');
+
+      await expect(searchbar).toHaveScreenshot(screenshot(`searchbar-scale-toolbar`));
+    });
   });
 });

core/src/components/toolbar/toolbar.ios.scss

@@ -48,11 +48,6 @@
   @include margin(3px, null, null, null);
 }
 
-:host(.toolbar-searchbar) ::slotted(ion-back-button) {
-  height: 38px;
-}
-
-
 // iOS Toolbar Slot Placement
 // --------------------------------------------------