[font-sizes] [responsive] Create two new dynamic settings that will help with responsive fonts

[djekanovic]

font-size:( 20px 25px 45px);
Font size will break on specified breakpoints based on values above.

font-size: linear( 20px 25px 45px);
Font size will change linerly from defined breakpoints, this will also mean definin breakpoints with something new if possible like

breakpoints {

768px;
1024px;
3rd value is above 1024px

}
this would lead to simplifying media queries that are used the most and using expression like div {
width: 200px 300px 400px; }
Or
div {
padding-inline: 100px 40px 20px; }

These are the ideas to simplify and unify responsive editing

[djekanovic]

Here is an example what we have to do to reach something like this.
https://codepen.io/djekanovic/full/WNKKbzz
Inspired originally by Dannie Vinther from 2020 codepen
https://codepen.io/dannievinther/full/poompMj

[fantasai]

There's been some discussion around interpolation, see

• https://wiki.csswg.org/ideas/timelines#query-linked-timelines
• Interpolate values between breakpoints #6245