Adopt remaining typography token classes (CR-24)

Map exact size/weight/line-height combos onto existing text-* utilities across cards, sections, navigation, modals, controls, and create-flow. Leave unmappable combos hardcoded for design review.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/layout/ListItem/ListItem.view.tsx

@@ -33,7 +33,7 @@ export const ListItemView = memo(function ListItemView({
         <Icon name={leadingIcon} size={24} />
       </span>
       <span
-        className={`min-w-0 flex-1 text-left font-inter text-[12px] font-normal leading-4 whitespace-normal ${contentTone}`}
+        className={`min-w-0 flex-1 text-left text-x-small-paragraph whitespace-normal ${contentTone}`}
       >
         {label}
       </span>