Imported font size token not working in the editor

Font size not rendering correctly in editor:

I have:
• In “Design System” project:
◦ Font size tokens defined with breakpoints. Different size for mobile and desktop
◦ This token is used to set the font size in a component.
• Now…
◦ If I instantiate this component in a page in the same project, things work ok
◦ However if I instantiate it in another project (imported from “Design System”) then
:black_small_square:︎ The breakpoints are not respected in the editor
:black_small_square:︎ However they work in the preview!

Can you point us to where you see this happening? I just tried but couldn’t reproduce it in an example

@yang sorry, should have provided right away. Had to take the dogs out :slightly_smiling_face:
Screenshot 1: Editor – title is same size across all views
Screenshot 2: Viewer (mobile) – small as it should be
Screenshot 3: Viewer (tablet) – bit as it should be

Project: k5wi36LTCNmnJb5rh2sgis
• Page: Home
• Look at the top title: “Your better path to tea starts here”
It is using the component “BigTextInline” imported from mrgn3VC2r6s7VB3wKPe7xp

I’ll leave this like it is for tonight, but need to keep working on it tomorrow (if you can fix it, awesome. else I’ll need to hack it away with manual breakpoints in the BigTextInline component

You can also see it happen in the “0 - README” page… The 2nd heading does not resize across screens in the editor, but it does in the viewer

Confirmed, thanks for reporting!