Function don't work with nested rules

[lttb]

Online example

It does not change color on hover:

const Button = styled('button')({
  fontSize: 12,
  '&:hover': {
    color: props => props.color
  }
})

const App = () => (
  <div>
    <Button color="red">Button</Button>
  </div>
)

This caused because styled-jss adds rules dynamically, see cssinjs/jss#500