Update styles-tokenize-font migration to ignore @font-face at-rules

.changeset/famous-years-destroy.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-migrator': patch
+---
+
+Updated `styles-tokenize-font` to ignore `@font-face` at-rules

polaris-migrator/src/migrations/styles-tokenize-font/styles-tokenize-font.ts

@@ -1,5 +1,5 @@
 import type {FileInfo, API, Options} from 'jscodeshift';
-import postcss, {Plugin} from 'postcss';
+import postcss, {Plugin, AtRule} from 'postcss';
 import valueParser from 'postcss-value-parser';
 import {toPx} from '@shopify/polaris-tokens';
 
@@ -41,6 +41,14 @@ const plugin = (options: PluginOptions = {}): Plugin => {
       // @ts-expect-error - Skip if processed so we don't process it again
       if (decl[processed]) return;
 
+      if (
+        decl.parent &&
+        decl.parent.type === 'atrule' &&
+        (decl.parent as AtRule).name === 'font-face'
+      ) {
+        return;
+      }
+
       const handlers = {
         'font-size': handleFontSize,
         'font-weight': handleFontWeight,

polaris-migrator/src/migrations/styles-tokenize-font/tests/styles-tokenize-font.input.scss

@@ -1,3 +1,8 @@
+@font-face {
+  font-family: 'Custom Font';
+  font-weight: 400;
+}
+
 .font-size {
   // LENGTHS
   font-size: 12px;

polaris-migrator/src/migrations/styles-tokenize-font/tests/styles-tokenize-font.output.scss

@@ -1,3 +1,8 @@
+@font-face {
+  font-family: 'Custom Font';
+  font-weight: 400;
+}
+
 .font-size {
   // LENGTHS
   font-size: var(--p-font-size-75);