Migrate to @bsky.app/alf package (#9030)

* Add storybook shortcut in dev

* Migrate to alg pkg

* Migrate font_bold to new font_semi_bold

* Migrate font_heavy to font_bold

* Fix old theme refs

* Remove leading util

* Bump

* Revert "Add storybook shortcut in dev"

This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919.

* Remove alf script

* Adjust font scale

* Bump

* Bump pkg

* Migrate values from conflicts

* Create default themes outside react

* Use built-in alf utils

* Migrate old font styles

* Remove unused tokens

* Move theme creation to more appropriate file

* Update button colors

* Adjust TextField colors, line heights

src/screens/Settings/components/AddAppPasswordDialog.tsx

@@ -107,7 +107,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
               style={[a.gap_lg]}
               exiting={native(SlideOutLeft)}
               key={0}>
-              <Text style={[a.text_2xl, a.font_bold]}>
+              <Text style={[a.text_2xl, a.font_semi_bold]}>
                 <Trans>Add App Password</Trans>
               </Text>
               <Text style={[a.text_md, a.leading_snug]}>
@@ -183,7 +183,7 @@ function CreateDialogInner({passwords}: {passwords: string[]}) {
               style={[a.gap_lg]}
               entering={isWeb ? FadeIn.delay(200) : SlideInRight}
               key={1}>
-              <Text style={[a.text_2xl, a.font_bold]}>
+              <Text style={[a.text_2xl, a.font_semi_bold]}>
                 <Trans>Here is your app password!</Trans>
               </Text>
               <Text style={[a.text_md, a.leading_snug]}>

src/screens/Settings/components/ChangeHandleDialog.tsx

@@ -244,7 +244,7 @@ function ProvidedHandlePage({
           <Text>
             <Trans>
               Your full handle will be{' '}
-              <Text style={[a.font_bold]}>
+              <Text style={[a.font_semi_bold]}>
                 @{createFullHandle(subdomain, host)}
               </Text>
             </Trans>
@@ -280,7 +280,7 @@ function ProvidedHandlePage({
                   }),
                 )}
                 to="https://bsky.social/about/blog/4-28-2023-domain-handle-tutorial"
-                style={[a.font_bold]}
+                style={[a.font_semi_bold]}
                 disableMismatchWarning>
                 Learn more here.
               </InlineLinkText>
@@ -522,7 +522,7 @@ function OwnHandlePage({goToServiceHandle}: {goToServiceHandle: () => void}) {
           <Admonition type="info" style={[a.mb_md]}>
             <Trans>
               Your current handle{' '}
-              <Text style={[a.font_bold]}>
+              <Text style={[a.font_semi_bold]}>
                 {sanitizeHandle(currentAccount?.handle || '', '@')}
               </Text>{' '}
               will automatically remain reserved for you. You can switch back to

src/screens/Settings/components/ChangePasswordDialog.tsx

@@ -165,7 +165,7 @@ function Inner() {
       style={web({maxWidth: 400})}>
       <View style={[a.gap_xl]}>
         <View style={[a.gap_sm]}>
-          <Text style={[a.font_heavy, a.text_2xl]}>
+          <Text style={[a.font_bold, a.text_2xl]}>
             {uiStrings[stage].title}
           </Text>
           {error ? (

src/screens/Settings/components/CopyButton.tsx

@@ -58,7 +58,7 @@ export function CopyButton({
           pointerEvents="none">
           <Text
             style={[
-              a.font_bold,
+              a.font_semi_bold,
               a.text_right,
               a.text_md,
               t.atoms.text_contrast_high,

src/screens/Settings/components/DisableEmail2FADialog.tsx

@@ -85,7 +85,7 @@ export function DisableEmail2FADialog({
         <View style={[a.relative, a.gap_md, a.w_full]}>
           <Text
             nativeID="dialog-title"
-            style={[a.text_2xl, a.font_bold, t.atoms.text]}>
+            style={[a.text_2xl, a.font_semi_bold, t.atoms.text]}>
             <Trans>Disable Email 2FA</Trans>
           </Text>
           <P nativeID="dialog-description">

src/screens/Settings/components/ExportCarDialog.tsx

@@ -58,7 +58,7 @@ export function ExportCarDialog({
         accessibilityDescribedBy="dialog-description"
         accessibilityLabelledBy="dialog-title">
         <View style={[a.relative, a.gap_lg, a.w_full]}>
-          <Text nativeID="dialog-title" style={[a.text_2xl, a.font_heavy]}>
+          <Text nativeID="dialog-title" style={[a.text_2xl, a.font_bold]}>
             <Trans>Export My Data</Trans>
           </Text>
           <Text