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/NotificationSettings/ActivityNotificationSettings.tsx

@@ -140,7 +140,10 @@ export function ActivityNotificationSettingsScreen({}: Props) {
                           Enable notifications for an account by visiting their
                           profile and pressing the{' '}
                           <RNText
-                            style={[a.font_bold, t.atoms.text_contrast_high]}>
+                            style={[
+                              a.font_semi_bold,
+                              t.atoms.text_contrast_high,
+                            ]}>
                             bell icon
                           </RNText>{' '}
                           <BellRingingFilledIcon
@@ -157,7 +160,7 @@ export function ActivityNotificationSettingsScreen({}: Props) {
                           <InlineLinkText
                             label={_(msg`Privacy and Security settings`)}
                             to={{screen: 'ActivityPrivacySettings'}}
-                            style={[a.font_bold]}>
+                            style={[a.font_semi_bold]}>
                             Settings &rarr; Privacy and Security
                           </InlineLinkText>
                           .

src/screens/Settings/NotificationSettings/components/ItemTextWithSubtitle.tsx

@@ -19,7 +19,7 @@ export function ItemTextWithSubtitle({
   const t = useTheme()
   return (
     <View style={[a.flex_1, bold ? a.gap_xs : a.gap_2xs]}>
-      <SettingsList.ItemText style={bold && [a.font_bold, a.text_lg]}>
+      <SettingsList.ItemText style={bold && [a.font_semi_bold, a.text_lg]}>
         {titleText}
       </SettingsList.ItemText>
       {showSkeleton ? (

src/screens/Settings/NotificationSettings/components/PreferenceControls.tsx

@@ -150,7 +150,7 @@ export function Inner({
       {'include' in preference && (
         <>
           <Divider />
-          <Text style={[a.font_bold, a.text_md]}>
+          <Text style={[a.font_semi_bold, a.text_md]}>
             <Trans>From</Trans>
           </Text>
           <Toggle.Group