refactor(react-windmod-preview): inline InfoButton's size-to-typography choice as a ternary

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Aj9uA3rCVgosnh2zNn8qkc

Author: ArrayKnight

packages/react-components/react-windmod-preview/library/src/components/InfoButton/useInfoButtonStyles.ts

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 
 import { componentMarkers } from '../../utils/groupMarker';
 import { slotClasses } from '../../utils/slotClasses';
-import type { InfoButtonSize, InfoButtonState } from './InfoButton.types';
+import type { InfoButtonState } from './InfoButton.types';
 
 import styles from './InfoButton.module.css';
 
@@ -15,15 +15,6 @@ type InfoButtonRootDataAttributes = {
   'data-size'?: InfoButtonState['size'];
 };
 
-/** Keyed off the button's own size, never off the surface's: a consumer may set the popover's
- * size directly, and Griffel still resolves the typography from the button. */
-const infoTypographyClass = (size: InfoButtonSize): string => {
-  if (size === 'large') {
-    return styles.infoLarge;
-  }
-  return styles.infoSmallMedium;
-};
-
 /**
  * Applies the visual contract, returning new state. The headless hook already stamps data-open,
  * which is the whole open/selected channel; data-size is style-only.
@@ -40,6 +31,8 @@ export const useInfoButtonStyles = (state: InfoButtonState): InfoButtonState =>
   return {
     ...state,
     root,
-    info: slotClasses(state.info, styles.info, infoTypographyClass(size)),
+    /* Keyed off the button's own size, never off the surface's: a consumer may set the popover's
+     * size directly, and Griffel still resolves the typography from the button. */
+    info: slotClasses(state.info, styles.info, size === 'large' ? styles.infoLarge : styles.infoSmallMedium),
   };
 };