FSE - Font style not matching (backend/editor vs. frontend) when it's assigned from Global UI Kit

[andeng1106]

Describe the bug

• Font displayed in the Theme Editor (FSE) is the default font but when viewing the page, it shows the correct font assigned from Global UI Kit.
• If I assigned a font via Indicator, it is the only time it changes in editor.

To Reproduce Steps to reproduce the behavior:

1. In the Global UI Kit settings > Global Typography, add a custom font for any of the text style (Heading, Subtitle, or Body text)
2. Activate Twenty Twenty-Two theme
3. Go to Editor
4. Add any block (e.g Posts, Card, Team Member, etc.)
5. Click Save
6. Compare any text (Heading, Subtitle, or Body text) in the editor and the View Page
7. Check if the text fonts in the View Page/site is matched with the font assigned via Global UI Kit - Expected
8. Check if the text fonts in the Editor is NOT matched with the font assigned via Global UI Kit - Not expected

Additional steps for changing text font via Indicator: 9. Try changing font of any text (heading, subtitle, or body text) via Styles > Typography > Font Family 10. Click Save 11. Compare the text that you have changed the font in the editor and the View Page 12. Check if both the fonts matched on editor and view page

Expected behavior

• Font assigned from Global UI Kit should be shown in the Theme Editor (FSE) Note: This applies to any text (Heading, Subtitle, Body Text)

Screenshots

https://user-images.githubusercontent.com/103395655/168006223-abf5dbdf-bed3-4061-bc52-0153a8178dd5.mp4