the face is Zen, and it ships from @hanzo/font

One family. Font stacks name Zen and fall back to the native faces, tokens
name the role rather than a face, and the packages that used to supply a
face now point at @hanzo/font.

Self-hosted @font-face blocks are removed rather than renamed: rewriting the
family in one would leave a src pointing at a file this repo no longer ships.
@hanzo/font carries the binaries and declares the faces, so the local copies
go with the declaration that used them.

Comments naming a face we no longer use are deleted, not reworded.

static/app/components/events/interfaces/debugMeta/debugImageDetails/index.tsx

@@ -379,7 +379,7 @@ const Title = styled('div')`
 `;
 
 const FileName = styled('span')`
-  font-family: ${p => p.theme.text.familyMono};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.familyMono};
 `;
 
 const StyledButtonBar = styled(ButtonBar)`

static/app/components/events/interfaces/frame/openInContextLine.tsx

@@ -64,7 +64,7 @@ const OpenInContainer = styled('div')`
   gap: ${space(1)};
   align-items: center;
   z-index: 1;
-  font-family: ${p => p.theme.text.family};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.family};
   text-indent: initial;
   overflow: auto;
   white-space: nowrap;

static/app/views/ddm/createAlertModal.tsx

@@ -367,7 +367,7 @@ const StyledCircleIndicator = styled(CircleIndicator)`
 
 const ChartFilters = styled('div')`
   font-size: ${p => p.theme.fontSizeSmall};
-  font-family: ${p => p.theme.text.family};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.family};
   color: ${p => p.theme.textColor};
   display: inline-grid;
   grid-template-columns: max-content auto;

static/app/views/monitors/components/detailsSidebar.tsx

@@ -121,7 +121,7 @@ const Schedule = styled('div')`
 `;
 
 const CrontabText = styled(Text)`
-  font-family: ${p => p.theme.text.familyMono};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.familyMono};
   color: ${p => p.theme.subText};
 `;
 

static/app/views/monitors/components/monitorCreateForm.tsx

@@ -269,7 +269,7 @@ const MultiColumnInput = styled('div')<{columns?: string}>`
 const CronstrueText = styled(LabelText)`
   font-weight: normal;
   font-size: ${p => p.theme.fontSizeExtraSmall};
-  font-family: ${p => p.theme.text.familyMono};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.familyMono};
   grid-column: auto / span 2;
 `;
 

static/app/views/monitors/components/monitorForm.tsx

@@ -566,6 +566,6 @@ const MultiColumnInput = styled('div')<{columns?: string}>`
 const CronstrueText = styled(LabelText)`
   font-weight: normal;
   font-size: ${p => p.theme.fontSizeExtraSmall};
-  font-family: ${p => p.theme.text.familyMono};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.familyMono};
   grid-column: auto / span 2;
 `;

static/app/views/releases/list/releasesPromo.tsx

@@ -378,7 +378,7 @@ const CodeSnippetDropdownWrapper = styled('span')`
 
 const CodeSnippetDropdown = styled(DropdownAutoComplete)`
   position: absolute;
-  font-family: ${p => p.theme.text.family};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.family};
   border: none;
   border-radius: 4px;
   width: 300px;
@@ -386,7 +386,7 @@ const CodeSnippetDropdown = styled(DropdownAutoComplete)`
 
 const GroupHeader = styled('div')`
   font-size: ${p => p.theme.fontSizeSmall};
-  font-family: ${p => p.theme.text.family};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.family};
   font-weight: 600;
   margin: ${space(1)} 0;
   color: ${p => p.theme.subText};
@@ -404,7 +404,7 @@ const MenuItemWrapper = styled('div')<{
   cursor: ${p => (p.disabled ? 'not-allowed' : 'pointer')};
   display: flex;
   align-items: center;
-  font-family: ${p => p.theme.text.family};
+  font-family: Zen, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif{p => p.theme.text.family};
   font-size: 13px;
   ${p =>
     typeof p.py !== 'undefined' &&

uv.lock

@@ -0,0 +1,3 @@
+version = 1
+revision = 3
+requires-python = ">=3.11"