motion-width-* and motion-height-* classes

[rootEnginear]

Feature Suggestion:

It would be great to introduce motion-width-* and motion-height-* classes for animating an element's width and height rather than its scaleX and scaleY.

In the implementation example below, I have also attached will-change property with the keyframes to help with the performance.

{
  "@keyframes motion-width-in": {
    "0%": {
      "width": "var(--motion-origin-width)",
      "willChange": "width"
    },
    "100%": {
      "width": "100%",
      "willChange": "auto"
    },
  },
  "@keyframes motion-width-out": {
    "0%": {
      "width": "100%",
      "willChange": "width"
    },
    "100%": {
      "width": "var(--motion-end-width)",
      "willChange": "auto"
    }
  }
}

I'd love to hear any additional thoughts or considerations on this proposal.