We have a rather big Design system UI kit where we recently switched from Font styles to a local variable setup for Typography (skipping styles all together). And now the performance went really bad, as in a state where you can’t work with it. 😔
We’ve nailed the issue down to Font-family variables, which uses String. If we remove these (as in don’t use any variables for Font-family), everything is back to normal and the file is performant again.
Potentially Font-weight was also a factor, but we’ve moved from String to Number variables here and it seem to work fine.
Did any one else have issues with this and how did you approach/solve it?