ref: replace codeFontSize with fontSize.sm (#104449)

Author: TkDodo

static/app/components/core/code/codeBlock.tsx

@@ -238,7 +238,7 @@ const Header = styled('div')<{isFloating: boolean}>`
   align-items: center;
 
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
   color: var(--prism-base);
   font-weight: ${p => p.theme.fontWeight.bold};
   z-index: 2;

static/app/components/events/autofix/autofixDiff.tsx

@@ -688,7 +688,7 @@ const FileDiffWrapper = styled('div')<{integratedStyle?: boolean}>`
   font-family: ${p => p.theme.text.familyMono};
   font-size: ${p => p.theme.fontSize.sm};
   & code {
-    font-size: ${p => (p.integratedStyle ? p.theme.fontSize.sm : p.theme.codeFontSize)};
+    font-size: ${p => p.theme.fontSize.sm};
   }
   line-height: 20px;
   vertical-align: middle;

static/app/components/events/breadcrumbs/breadcrumbItemContent.tsx

@@ -274,6 +274,6 @@ const SQLText = styled('pre')`
 const BreadcrumbText = styled(Timeline.Text)`
   white-space: pre-wrap;
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
   color: ${p => p.theme.textColor};
 `;

static/app/components/prevent/virtualRenderers/virtualDiffRenderer.tsx

@@ -365,7 +365,7 @@ const TextArea = styled('textarea')`
   outline: 0px solid transparent;
   outline-offset: 0px;
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
   padding-top: 0;
   padding-bottom: 0;
   padding-right: 0;

static/app/components/prevent/virtualRenderers/virtualFileRenderer.tsx

@@ -295,7 +295,7 @@ const TextArea = styled('textarea')`
   outline: 0px solid transparent;
   outline-offset: 0px;
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
   padding-top: 0;
   padding-bottom: 0;
   padding-right: 0;

static/app/styles/global.tsx

@@ -29,7 +29,7 @@ const prismStyles = (theme: Theme) => css`
   code[class*='language-'] {
     color: var(--prism-base);
     background: var(--prism-block-background);
-    font-size: ${theme.codeFontSize};
+    font-size: ${theme.fontSize.sm};
     text-shadow: none;
     font-family: ${theme.text.familyMono};
     direction: ltr;

static/app/utils/theme/theme.tsx

@@ -624,12 +624,6 @@ const commonTheme = {
     bold: 600 as const,
   },
 
-  /**
-   * @TODO(jonasbadalic) remove relative font sizes
-   * @deprecated use fontSize instead
-   */
-  codeFontSize: '13px' as const,
-
   text: {
     family: "'Rubik', 'Avenir Next', sans-serif",
     familyMono: "'Roboto Mono', Monaco, Consolas, 'Courier New', monospace",

static/app/views/explore/logs/styles.tsx

@@ -198,7 +198,7 @@ export const DetailsBody = styled('div')`
   border-bottom: 1px solid ${p => p.theme.innerBorder};
   padding: ${space(1)} 0;
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
 
   &:last-child {
     border-bottom: 0;
@@ -268,7 +268,7 @@ export const AlignedCellContent = styled('div')<{
   flex-direction: row;
   justify-content: ${p => p.align || 'left'};
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 export const FirstTableHeadCell = styled(TableHeadCell)`

static/app/views/insights/pages/platform/nextjs/serverTree.tsx

@@ -392,7 +392,7 @@ const OneLineCodeBlock = styled('pre')`
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
   font-family: ${p => p.theme.text.familyMono};
   gap: ${space(0.5)};
   padding: ${space(0.5)} ${space(1)};

static/app/views/performance/newTraceDetails/traceDrawer/details/styles.tsx

@@ -1346,7 +1346,7 @@ function MultilineJSON({
 
 const MultilineTextWrapperMonospace = styled(MultilineTextWrapper)`
   font-family: ${p => p.theme.text.familyMono};
-  font-size: ${p => p.theme.codeFontSize};
+  font-size: ${p => p.theme.fontSize.sm};
 `;
 
 const MultilineTextLabel = styled('div')`