Tweak small buttons (#8818)

* set size=small buttons to `text_sm`

* change to `leading_snug`

* add gap to repost buttons

* Add medium-weight font, use for buttons (#8819)

* add medium weight inter

* add medium font to buttons

* Adjust bold weights

* Fix ref

---------

Co-authored-by: Eric Bailey <git@esb.lol>

* Align with designs

---------

Co-authored-by: Eric Bailey <git@esb.lol>

src/view/screens/Storybook/Typography.tsx

@@ -20,6 +20,21 @@ export function Typography() {
       <Text style={[a.text_xs]}>atoms.text_xs</Text>
       <Text style={[a.text_2xs]}>atoms.text_2xs</Text>
 
+      <Text style={[a.text_xl]}>This is regular text</Text>
+      <Text style={[a.text_xl, a.italic]}>This is regular italic text</Text>
+      <Text style={[a.text_xl, a.font_medium]}>This is medium text</Text>
+      <Text style={[a.text_xl, a.font_medium, a.italic]}>
+        This is medium italic text
+      </Text>
+      <Text style={[a.text_xl, a.font_bold]}>This is bold text</Text>
+      <Text style={[a.text_xl, a.font_bold, a.italic]}>
+        This is bold italic text
+      </Text>
+      <Text style={[a.text_xl, a.font_heavy]}>This is heavy text</Text>
+      <Text style={[a.text_xl, a.font_heavy, a.italic]}>
+        This is heavy italic text
+      </Text>
+
       <RichText
         // TODO: This only supports already resolved facets.
         // Resolving them on read is bad anyway.