How to set up auto completion and syntax highlighting for nested css properties?

Question

css

I use the postcss plugin to write nested css

.test{
  color: red;
  &:hover{
    color: #fff;
  }
}

In Vs code. The problem is autocomplete if more than two attachments autocomplete doesn't work, syntax highlighting doesn't work either. Help with solving this problem. If you write in simple css without postcss buns, then everything is fine.