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/Signup/index.tsx

@@ -133,7 +133,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
               <Animated.View entering={!isFetchedAtMount ? FadeIn : undefined}>
                 <LinearGradientBackground
                   style={[a.mx_lg, a.p_lg, a.gap_sm, a.rounded_sm]}>
-                  <Text style={[a.font_bold, a.text_xl, {color: 'white'}]}>
+                  <Text style={[a.font_semi_bold, a.text_xl, {color: 'white'}]}>
                     {starterPack.record.name}
                   </Text>
                   <Text style={[{color: 'white'}]}>
@@ -164,7 +164,8 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
                     !gtMobile && {paddingBottom: 100},
                   ]}>
                   <View style={[a.gap_sm, a.pb_3xl]}>
-                    <Text style={[a.font_bold, t.atoms.text_contrast_medium]}>
+                    <Text
+                      style={[a.font_semi_bold, t.atoms.text_contrast_medium]}>
                       <Trans>
                         Step {state.activeStep + 1} of{' '}
                         {state.serviceDescription &&
@@ -173,7 +174,7 @@ export function Signup({onPressBack}: {onPressBack: () => void}) {
                           : '3'}
                       </Trans>
                     </Text>
-                    <Text style={[a.text_3xl, a.font_bold]}>
+                    <Text style={[a.text_3xl, a.font_semi_bold]}>
                       {state.activeStep === SignupStep.INFO ? (
                         <Trans>Your account</Trans>
                       ) : state.activeStep === SignupStep.HANDLE ? (