Feature Request: Add "font" shorthand CSS property in every place where Typography can be edited

Feature Requests / Improvements
1

What

It would be great to have the “font” CSS shorthand property in the builder.

Why

I often define typography as plain Global CSS instead of using native Bricks feature (just for personal prererence).
It would be great if i can do this in my custom code:

:root {
  --font-family: Aria, sans-serif;

  --font-preset-1: italic bold 24px/1 var(--font-family);
  --font-preset-2: bold 20px/1  var(--font-family);
}

then in the builder i can write var(--font-preset-1) in the font value.

bricks--feat-req--font-shortand-property (1)
bricks--feat-req--font-shortand-property (1)596×1184 32.4 KB

Priority

If both “font” and a not-shortend property like “font-family” or “font-size” are defined in the same Bricks element, the printed CSS should be:

selector {
  font: ....;
  font-family: ...;
  font-size: ...;
}