Idea: group related properties together in shorthands

[tesseralis]

There are some properties that seem like they should be part of shorthands but aren't:

• text-decoration-skip-ink
• background-blend-mode

It might be worthwhile to still treat those inputs as part of the shorthand input in our UI, and generate the separated UI. So a style object like:

{
  color: '#ff00ff',
  line: 'underline',
  style: 'solid',
  thickness: '1px',
  skipInk: 'all',
}

would generate the style:

.my-style {
  text-decoration: #ff00ff underline solid 1px;
  text-decoration-skip-ink: all;
}

This is especially helpful for something like background-blend-mode, which is an array property that can get confusing to keep track off when edited separately from the main background property