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/Onboarding/Layout.tsx

@@ -17,7 +17,6 @@ import {
   useTheme,
   web,
 } from '#/alf'
-import {leading} from '#/alf/typography'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {ArrowLeft_Stroke2_Corner0_Rounded as ArrowLeft} from '#/components/icons/Arrow'
 import {HEADER_SLOT_SIZE} from '#/components/Layout'
@@ -234,10 +233,8 @@ export function TitleText({
       style={[
         a.pb_sm,
         a.text_4xl,
-        a.font_bold,
-        {
-          lineHeight: leading(a.text_4xl, a.leading_tight),
-        },
+        a.font_semi_bold,
+        a.leading_tight,
         flatten(style),
       ]}>
       {children}