$utilities: map-merge(
  $utilities,
  (
    "transition-property": (
      property: transition-property,
      class: transition,
      variants: transition-property,
      values: (
        "none": (
          transition-property: none,
        ),
        "all": (
          transition-property: all,
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
        null: (
          transition-property: (
            background-color,
            border-color,
            color,
            fill,
            stroke,
            opacity,
            box-shadow,
            transform,
            filter,
            backdrop-filter,
          ),
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
        "colors": (
          transition-property: (
            background-color,
            border-color,
            color,
            fill,
            stroke,
          ),
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
        "opacity": (
          transition-property: opacity,
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
        "shadow": (
          transition-property: box-shadow,
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
        "transform": (
          transition-property: transform,
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1),
          transition-duration: 150ms,
        ),
      ),
    ),
  )
);
