responsive value under css property

[wypratama]

Can pinceau set a responsive value under css property? I believe most css in js able to set responsive value something like this but I'm not sure if this supported by pinceau:

css({
'div': {
  color: {
    sm: 'black',
    md: 'red',
  },
}})

i tried something like this in pinceau but it doesn't seem to work. do I need to change some setting or do I implement it wrong? or is it simply not a supported feature in pinceau?

css({
'div': {
  color: {
    '@sm': 'black',
    '@md': 'red',
  },
}})

[SGAMERyu]

you can see document from https://pinceau.dev/configuration/media-queries
It seems that the media query with a single property is more concise than the media query without object properties.