Unmentioned deviance from vanilla-extract: custom keys that are not css spec attributes

[airtonix]

With vanilla-extract/sprinkles, the following is valid and possible, but not in rainbow-sprinkles.

<Box fullscreen={true}>A thing</Box>

const responsiveProperties = defineProperties({
  conditions: {
    mobile: {},
    tablet: { '@media': 'screen and (min-width: 768px)' },
    desktop: { '@media': 'screen and (min-width: 1024px)' }
  },
  defaultCondition: 'mobile',
  properties: {
    fullscreen: {
        true: {
            width: '100%',
            minHeight: '100svh',
        },
    },
  }
})

however with rainbow-sprinkles:

I feel like this sentence probably doesn't communicate clearly enough that only valid css properties are allowed:

---

Question is, what other approach can i take to allow this experience:

<Box
  direction="column"
  width={{ mobile: '75%', desktop: 'auto' }}
  fullScreen={{ mobile: false, desktop: true }}
/>