How would you use dataset propertiers / attributes in stylexjs?

[ZelCloud]

Describe the feature request

How would you add data attribute css properties to a stylexjs object? The below doesn't seem to work.

import * as stylex from '@stylexjs/stylex';

const styles = stylex.create({
  div: {
     backgroundColor: "green",
    
    ":hover": {
      backgroundColor: "red",
    },
    
    // How should this be used, this syntax gives an invalid rule error?
    "[data-property=\"blue\"]": {
      backgroundColor: "blue",
    },
  },
});

function Test() {
  return ( 
    <>
      <div 
        {...stylex.props(styles.div)}
      />
      
      <div 
        data-property="blue"  
        {...stylex.props(styles.div)}
      />
    </>
  )
}

[ZelCloud]

#380

There's an existing discussion for this already so closing this duplicate.