Responsive array in style utility

[R-Bower]

With sprinkles, I can define conditions for my breakpoints and apply them as expected. I'm wondering if this is also possible for the style utility.

sprinkles:

export const flex = defineProperties({
  conditions: {
    default: {},
    desktop: {"@media": breakpoints.desktop},
    laptop: {"@media": breakpoints.laptop},
    mobile: {"@media": breakpoints.mobile},
    tablet: {"@media": breakpoints.tablet},
  },
  defaultCondition: "default",
  properties: {
    alignItems: ["stretch", "flex-start", "center", "flex-end"],
    display: ["flex", "inline-flex", "none"],
    flexDirection: ["row", "column", "column-reverse", "row-reverse"],
    justifyContent: [
      "stretch",
      "flex-start",
      "center",
      "flex-end",
      "space-around",
      "space-between",
    ],
  },
  responsiveArray: ["default", "mobile", "tablet", "laptop", "desktop"],
})

// ... applied
<div
  className={flex({
    display: "flex",
    flexDirection: ["column", "column", "row"],
  })}
></div>

Equivalent via style:

export const someStyles = style({
  "@media": {
    [breakpoints.tablet]: {
      flexDirection: "row",
    },
  },
  display: "flex",
  flexDirection: "column",
})

Desired style:

export const someStyles = style({
  display: "flex",
  flexDirection: ["column", "column", "row"],
})

I'm using sprinkles for 80% of my layout needs. However, I use style for the remaining 20% and prefer the responsive array declaration. This would be less code + more consistent, especially given that I'm using the sprinkles array format already.

This doesn't seem possible. Are there plans to support this in the future?