How to tackle responsive size variables for which values should be calculated based on linear function

[matigda]

Hi guys, first of all - stitches provides amazing DX and thank you for that!

Right now I'm struggling with concept of linear size between resolutions.

For example consider this situation:
I want my font size to be 12px on 640px resolution and to be 24px on 1200px resolution. Everything between I want to be based on linear function, so it would go like this:

640a + b = 12
1200a + b = 24

and then, once you solve this you get something like:

@media (min-width: 640px) and (max-width: 1200px) {
    font-size: calc(0,021428571*100vw + −1,714285714px);
}

I know I can rewrite all the stitches tokens in my config, but it doesn't really seems like the quickest solution. I have my helper to calculate required components of linear function but is there any better way to accomplish that in stitches?