sr-only -> should output srOnly: true, outputs "sr.only"

[astahmer]

https://tw2panda-astahmer.vercel.app/?input=MYewdgzgLgBAggBwTAvDAFASlQPhgbwCgYYAnAUygFdSwYAeHYkhiBAQzuABt2IIUAIgikAtOG4BPQTny8ARuW4BfGNwCWYANb0A9G05MSepsqA

const App = () => {
  return <>
    <span class="sr-only">{label} link</span>
  </>
}

---

import { css } from '../styled-system/css'

const App = () => {
  return (
    <>
      <span
        class={css({
          pos: 'absolute',
          w: 'sr.only',
          h: 'sr.only',
          p: 'sr.only',
          m: 'sr.only',
          overflow: 'hidden',
          clip: 'rect(0, 0, 0, 0)',
          whiteSpace: 'nowrap',
          borderWidth: '0',
        })}
      >
        {label} link
      </span>
    </>
  )
}