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/Messages/Settings.tsx

@@ -71,7 +71,7 @@ export function MessagesSettingsScreenInner({}: Props) {
       </Layout.Header.Outer>
       <Layout.Content>
         <View style={[a.p_lg, a.gap_md]}>
-          <Text style={[a.text_lg, a.font_bold]}>
+          <Text style={[a.text_lg, a.font_semi_bold]}>
             <Trans>Allow new messages from</Trans>
           </Text>
           <Toggle.Group
@@ -121,7 +121,7 @@ export function MessagesSettingsScreenInner({}: Props) {
           {isNative && (
             <>
               <Divider style={a.my_md} />
-              <Text style={[a.text_lg, a.font_bold]}>
+              <Text style={[a.text_lg, a.font_semi_bold]}>
                 <Trans>Notification Sounds</Trans>
               </Text>
               <Toggle.Group