/// Creates a scaling transition. A scale of `1` means the element is the same size. Larger numbers make the element bigger, while numbers less than 1 make the element smaller.
/// @param {Number} $from [0] - Size to start at.
/// @param {Number} $to [1] - Size to end at.
@function zoom(
  $from: 0,
  $to: 1
) {
  $keyframes: (
    name: -mui-string-safe('scale-#{$to}-to-#{$from}'),
    0: (transform: scale($from)),
    100: (transform: scale($to)),
  );

  @return $keyframes;
}