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/view/com/composer/videos/SubtitleDialog.tsx

@@ -97,7 +97,7 @@ function SubtitleDialogInner({
   return (
     <Dialog.ScrollableInner label={_(msg`Video settings`)}>
       <View style={a.gap_md}>
-        <Text style={[a.text_xl, a.font_bold, a.leading_tight]}>
+        <Text style={[a.text_xl, a.font_semi_bold, a.leading_tight]}>
           <Trans>Alt text</Trans>
         </Text>
         <TextField.Root>
@@ -128,7 +128,7 @@ function SubtitleDialogInner({
                 a.my_md,
               ]}
             />
-            <Text style={[a.text_xl, a.font_bold, a.leading_tight]}>
+            <Text style={[a.text_xl, a.font_semi_bold, a.leading_tight]}>
               <Trans>Captions (.vtt)</Trans>
             </Text>
             <SubtitleFilePicker
@@ -235,7 +235,7 @@ function SubtitleFileRow({
             <PageTextIcon style={[t.atoms.text, a.flex_shrink_0]} size="sm" />
           )}
           <Text
-            style={[a.flex_1, a.leading_snug, a.font_bold, a.mb_2xs]}
+            style={[a.flex_1, a.leading_snug, a.font_semi_bold, a.mb_2xs]}
             numberOfLines={1}>
             {file.name}
           </Text>