CSS keyword support

[nanorepublica]

There are a number of keywords in CSS & HTML (disabled, required, checked etc) that can be selectors in special cases.

eg

.btn[disabled] {
  @apply text-gray-200
}

We could add support for keywords to generate selectors for the class name and special selector.

eg

{
  btn: {
    disabled: 'text-gray-200'
  }
}

could generate (or similar)

.btn-disabled,
.btn[disabled] {
  @apply text-gray-200
}