feat(item-divider): support dynamic type

core/src/components/item-divider/item-divider.ios.vars.scss

@@ -8,7 +8,7 @@
 $item-divider-ios-min-height:             28px !default;
 
 /// @prop - Font size of the item
-$item-divider-ios-font-size:              17px !default;
+$item-divider-ios-font-size:              1.0625rem !default;
 
 /// @prop - Font weight of the item
 $item-divider-ios-font-weight:            600 !default;

core/src/components/item-divider/item-divider.md.vars.scss

@@ -14,7 +14,7 @@ $item-divider-md-color:              $text-color-step-600 !default;
 $item-divider-md-background:         $background-color !default;
 
 /// @prop - Font size for the divider
-$item-divider-md-font-size:          14px !default;
+$item-divider-md-font-size:          0.875rem !default;
 
 /// @prop - Border bottom for the divider
 $item-divider-md-border-bottom:      1px solid $item-md-border-color !default;

core/src/components/item-divider/test/a11y/item-divider.e2e.ts

@@ -0,0 +1,27 @@
+import { expect } from '@playwright/test';
+import { configs, test } from '@utils/test/playwright';
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('item-divider: font scaling'), () => {
+    test('should scale text on larger font sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <style>
+          html {
+            font-size: 310%;
+          }
+        </style>
+
+        <ion-item-divider>
+          <ion-label>Item Divider</ion-label>
+        </ion-item-divider>
+      `,
+        config
+      );
+
+      const itemDivider = page.locator('ion-item-divider');
+
+      await expect(itemDivider).toHaveScreenshot(screenshot(`item-divider-scale`));
+    });
+  });
+});