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/GifAltText.tsx

@@ -95,7 +95,7 @@ export function GifAltTextDialogLoaded({
           <Plus size="sm" fill={t.palette.white} />
         )}
         <Text
-          style={[a.font_bold, {color: t.palette.white}]}
+          style={[a.font_semi_bold, {color: t.palette.white}]}
           accessible={false}>
           <Trans>ALT</Trans>
         </Text>
@@ -206,7 +206,8 @@ function AltTextInner({
         </View>
         {/* below the text input to force tab order */}
         <View>
-          <Text style={[a.text_2xl, a.font_bold, a.leading_tight, a.pb_sm]}>
+          <Text
+            style={[a.text_2xl, a.font_semi_bold, a.leading_tight, a.pb_sm]}>
             <Trans>Add alt text</Trans>
           </Text>
           <View style={[a.align_center]}>