From fbd39963687623baf9352e034b83dbe8bb70eeff Mon Sep 17 00:00:00 2001
From: Simon Taggart <me@simontaggart.com>
Date: Tue, 30 Jan 2024 11:00:21 -0800
Subject: [PATCH] chore: bump the paste fonts to fix backticks (#3736)

* chore: bump the paste fonts to fix backticks

* chore: changeset
---
 .changeset/nice-walls-brake.md                |   6 +
 .storybook/preview-head.html                  |   4 +-
 packages/paste-theme/src/styles/fonts.ts      | 126 +++++++++---------
 .../public/index.html                         |   2 +-
 .../paste-website/src/pages/_document.tsx     |   2 +-
 .../paste-website/src/pages/api/og-image.tsx  |   6 +-
 .../manual-installation/index.mdx             |   2 +-
 .../src/pages/theme/changing-theme.mdx        |   2 +-
 .../paste-nextjs-template/pages/_document.tsx |   2 +-
 9 files changed, 79 insertions(+), 73 deletions(-)
 create mode 100644 .changeset/nice-walls-brake.md

diff --git a/.changeset/nice-walls-brake.md b/.changeset/nice-walls-brake.md
new file mode 100644
index 0000000000..a6c7eba3e7
--- /dev/null
+++ b/.changeset/nice-walls-brake.md
@@ -0,0 +1,6 @@
+---
+"@twilio-paste/theme": patch
+"@twilio-paste/core": patch
+---
+
+[Theme]: patch bump in Paste fonts to fix a bug in the Twilio sans font regarding backticks not taking up physical space
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index cc334b7243..bfdb1f59d5 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -27,12 +27,12 @@
 <link rel="preconnect" href="https://assets.twilio.com" crossorigin />
 <link
   rel="preload"
-  href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter.var.woff2?v=3.19"
+  href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter.var.woff2?v=3.19"
   as="font"
   type="font/woff2"
   crossorigin="anonymous"
 />
-<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" />
+<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
 <script>
   window.global = window;
   window.process = {
diff --git a/packages/paste-theme/src/styles/fonts.ts b/packages/paste-theme/src/styles/fonts.ts
index cbbbba376a..42929937f1 100644
--- a/packages/paste-theme/src/styles/fonts.ts
+++ b/packages/paste-theme/src/styles/fonts.ts
@@ -10,7 +10,7 @@ Variable font.
   font-display: swap;
   font-style: normal;
   font-named-instance: 'Regular';
-  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter-roman.var.woff2?v=3.19") format("woff2");
+  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter-roman.var.woff2?v=3.19") format("woff2");
 }
 @font-face {
   font-family: 'Inter var';
@@ -18,7 +18,7 @@ Variable font.
   font-display: swap;
   font-style: italic;
   font-named-instance: 'Italic';
-  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter-italic.var.woff2?v=3.19") format("woff2");
+  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter-italic.var.woff2?v=3.19") format("woff2");
 }
 /* --------------------------------------------------------------------------
 [EXPERIMENTAL] Multi-axis, single variable font.
@@ -38,7 +38,7 @@ explicitly, e.g.
   font-weight: 100 900;
   font-display: swap;
   font-style: oblique 0deg 8deg;
-  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.1/Inter.var.woff2?v=3.19") format("woff2");
+  src: url("https://assets.twilio.com/public_assets/paste-fonts/1.5.2/Inter.var.woff2?v=3.19") format("woff2");
 }
 
 /*
@@ -50,8 +50,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Regular.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Regular.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Regular.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Regular.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansMono';
@@ -59,8 +59,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-RegularItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-RegularItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-RegularItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-RegularItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansMono';
@@ -68,8 +68,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Bold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Bold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Bold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Bold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansMono';
@@ -77,8 +77,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-BoldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-BoldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-BoldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-BoldItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansMono';
@@ -86,8 +86,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Medium.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-Medium.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Medium.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-Medium.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansMono';
@@ -95,8 +95,8 @@ Twilio Sans Mono
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-MediumItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansMono-MediumItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-MediumItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansMono-MediumItl.woff') format('woff');
 }
 
 /*
@@ -108,8 +108,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 300;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Light.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Light.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Light.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Light.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -117,8 +117,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 300;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-LightItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-LightItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-LightItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-LightItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -126,8 +126,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -135,8 +135,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-RegularItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-RegularItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-RegularItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-RegularItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -144,8 +144,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -153,8 +153,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-MediumItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-MediumItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-MediumItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-MediumItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -162,8 +162,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 600;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -171,8 +171,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 600;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-SemiboldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-SemiboldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-SemiboldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-SemiboldItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -180,8 +180,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Bold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Bold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Bold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Bold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -189,8 +189,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-BoldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-BoldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-BoldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-BoldItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -198,8 +198,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 800;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Extrabold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Extrabold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Extrabold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Extrabold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansText';
@@ -207,8 +207,8 @@ Twilio Sans Text
   font-display: swap;
   font-weight: 800;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-ExtraboldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-ExtraboldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-ExtraboldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-ExtraboldItl.woff') format('woff');
 }
 
 /*
@@ -220,8 +220,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 300;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Light.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Light.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Light.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Light.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -229,8 +229,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 300;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-LightItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-LightItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-LightItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-LightItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -238,8 +238,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Regular.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Regular.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Regular.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Regular.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -247,8 +247,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 400;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-RegularItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-RegularItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-RegularItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-RegularItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -256,8 +256,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Medium.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Medium.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Medium.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Medium.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -265,8 +265,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 500;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-MediumItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-MediumItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-MediumItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-MediumItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -274,8 +274,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 600;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Semibold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Semibold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Semibold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Semibold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -283,8 +283,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 600;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-SemiboldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-SemiboldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-SemiboldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-SemiboldItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -292,8 +292,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Bold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Bold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Bold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Bold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -301,8 +301,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 700;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-BoldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-BoldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-BoldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-BoldItl.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -310,8 +310,8 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 800;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Extrabold.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-Extrabold.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Extrabold.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-Extrabold.woff') format('woff');
 }
 @font-face {
   font-family: 'TwilioSansDisplay';
@@ -319,7 +319,7 @@ Twilio Sans Display
   font-display: swap;
   font-weight: 800;
   src: local(''),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-ExtraboldItl.woff2') format('woff2'),
-       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansDisplay-ExtraboldItl.woff') format('woff');
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-ExtraboldItl.woff2') format('woff2'),
+       url('https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansDisplay-ExtraboldItl.woff') format('woff');
 }
 `;
diff --git a/packages/paste-token-contrast-checker/public/index.html b/packages/paste-token-contrast-checker/public/index.html
index 98d102bcc9..2cc7402566 100644
--- a/packages/paste-token-contrast-checker/public/index.html
+++ b/packages/paste-token-contrast-checker/public/index.html
@@ -22,7 +22,7 @@
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
     <link rel="preconnect" href="https://assets.twilio.com" crossorigin />
-    <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" />
+    <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
     <title>React App</title>
   </head>
   <body>
diff --git a/packages/paste-website/src/pages/_document.tsx b/packages/paste-website/src/pages/_document.tsx
index d9257c242b..7a30bea5cf 100644
--- a/packages/paste-website/src/pages/_document.tsx
+++ b/packages/paste-website/src/pages/_document.tsx
@@ -14,7 +14,7 @@ class _Document extends Document {
       <Html lang="en" dir="ltr">
         <Head>
           <link rel="preconnect" href="https://assets.twilio.com" crossOrigin="" />
-          <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" />
+          <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
 
           <link rel="sitemap" type="application/xml" href="/sitemap.xml" />
           <link rel="manifest" href="/manifest.json" />
diff --git a/packages/paste-website/src/pages/api/og-image.tsx b/packages/paste-website/src/pages/api/og-image.tsx
index 839e419b27..d5c34c9805 100644
--- a/packages/paste-website/src/pages/api/og-image.tsx
+++ b/packages/paste-website/src/pages/api/og-image.tsx
@@ -326,13 +326,13 @@ export default async function handler(req: NextRequest): Promise<ImageResponse>
 
   // Make sure the font exists in the specified path:
   const fontData = await fetch(
-    "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Regular.woff",
+    "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Regular.woff",
   ).then(async (res) => res.arrayBuffer());
   const fontDataMedium = await fetch(
-    "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Medium.woff",
+    "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Medium.woff",
   ).then(async (res) => res.arrayBuffer());
   const fontDataSemiBold = await fetch(
-    "https://assets.twilio.com/public_assets/paste-fonts/1.5.1/TwilioSansText-Semibold.woff",
+    "https://assets.twilio.com/public_assets/paste-fonts/1.5.2/TwilioSansText-Semibold.woff",
   ).then(async (res) => res.arrayBuffer());
 
   console.log(`${LOG_PREFIX} return image`);
diff --git a/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx b/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx
index 9cd5b1af1b..3e689b1b7a 100644
--- a/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx
+++ b/packages/paste-website/src/pages/introduction/for-engineers/manual-installation/index.mdx
@@ -160,7 +160,7 @@ The **best and most performant way** to load the fonts is to include the followi
 
 ```html
 <link rel="preconnect" href="https://assets.twilio.com" crossorigin />
-<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" />
+<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
 ```
 
 <Callout variant="neutral" marginY="space70">
diff --git a/packages/paste-website/src/pages/theme/changing-theme.mdx b/packages/paste-website/src/pages/theme/changing-theme.mdx
index 50a844e2b3..b4761e792f 100644
--- a/packages/paste-website/src/pages/theme/changing-theme.mdx
+++ b/packages/paste-website/src/pages/theme/changing-theme.mdx
@@ -55,7 +55,7 @@ To change the theme, simply change the value of the `theme` prop on the `Theme.P
 
 ```html
 <link rel="preconnect" href="https://assets.twilio.com" crossorigin />
-<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.1/fonts.css" />
+<link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
 ```
 
 Alternatively, Paste will automatically load the default theme's font via JavaScript. **Note:** this will result in slower download times than including the fonts in the `<head />`.
diff --git a/templates/paste-nextjs-template/pages/_document.tsx b/templates/paste-nextjs-template/pages/_document.tsx
index c4a90c9c2c..6d46fd753d 100644
--- a/templates/paste-nextjs-template/pages/_document.tsx
+++ b/templates/paste-nextjs-template/pages/_document.tsx
@@ -5,7 +5,7 @@ const Document = (): JSX.Element => {
     <Html>
       <Head>
         <link rel="preconnect" href="https://assets.twilio.com" crossOrigin="" />
-        <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.0/fonts.css" />
+        <link rel="stylesheet" href="https://assets.twilio.com/public_assets/paste-fonts/1.5.2/fonts.css" />
       </Head>
       <body>
         <Main />