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/util/PostMeta.tsx

@@ -92,7 +92,7 @@ let PostMeta = (opts: PostMetaOpts): React.ReactNode => {
               onPress={onBeforePressAuthor}
               style={[
                 a.text_md,
-                a.font_bold,
+                a.font_semi_bold,
                 t.atoms.text,
                 a.leading_tight,
                 a.flex_shrink_0,

src/view/com/util/error/ErrorScreen.tsx

@@ -62,7 +62,7 @@ export function ErrorScreen({
             />
           </View>
         </View>
-        <Text style={[a.text_center, a.font_heavy, a.text_2xl, a.mb_md]}>
+        <Text style={[a.text_center, a.font_bold, a.text_2xl, a.mb_md]}>
           {title}
         </Text>
         <Text style={[a.text_center, a.text_md, a.mb_xl]}>{message}</Text>

src/view/com/util/images/AutoSizedImage.tsx

@@ -185,8 +185,7 @@ export function AutoSizedImage({
                   },
                 ],
               ]}>
-              <Text
-                style={[a.font_heavy, largeAlt ? a.text_xs : {fontSize: 8}]}>
+              <Text style={[a.font_bold, largeAlt ? a.text_xs : {fontSize: 8}]}>
                 ALT
               </Text>
             </View>

src/view/com/util/images/Gallery.tsx

@@ -109,7 +109,7 @@ export function GalleryItem({
             ],
           ]}>
           <Text
-            style={[a.font_heavy, largeAltBadge ? a.text_xs : {fontSize: 8}]}>
+            style={[a.font_bold, largeAltBadge ? a.text_xs : {fontSize: 8}]}>
             ALT
           </Text>
         </View>