pcss-nested define class with hyphen prefix in pcss not working

Question

My project use Nuxt.js and tailwind and pcss-nested. I am trying to refactor the global pcss file like below:

.theme {
 &-background {
  &-header {