From fb5379abed32604f8c35ea9dfd6ba7fe71a1bd93 Mon Sep 17 00:00:00 2001
From: Ash <siavash.etemadieh@shopify.com>
Date: Wed, 23 Aug 2023 14:14:00 +0100
Subject: [PATCH] Support dynamic fontsizes in iOS devices

---
 .changeset/olive-fishes-provide.md                    |  5 +++++
 .../src/components/AppProvider/AppProvider.scss       | 11 +++++++++++
 2 files changed, 16 insertions(+)
 create mode 100644 .changeset/olive-fishes-provide.md

diff --git a/.changeset/olive-fishes-provide.md b/.changeset/olive-fishes-provide.md
new file mode 100644
index 00000000000..184df153471
--- /dev/null
+++ b/.changeset/olive-fishes-provide.md
@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Added support for [Dynamic Type](https://developer.apple.com/documentation/uikit/uifont/scaling_fonts_automatically) in iOS
diff --git a/polaris-react/src/components/AppProvider/AppProvider.scss b/polaris-react/src/components/AppProvider/AppProvider.scss
index b8b9c446f7f..878302d2f21 100644
--- a/polaris-react/src/components/AppProvider/AppProvider.scss
+++ b/polaris-react/src/components/AppProvider/AppProvider.scss
@@ -55,6 +55,17 @@ html {
   text-rendering: optimizeLegibility;
 }
 
+/*
+  To support dynamic type in iOS, we need to set Apple's
+  system font and then define font-families and rem-based
+  font-sizes on descendant elements:
+*/
+@supports (font: -apple-system-body) {
+  html {
+    font: -apple-system-body;
+  }
+}
+
 body {
   min-height: 100%;
   margin: 0;