Inside my component I'd like to add a modifier, which should have a higher specification so my output should look like this:

> 
> **Wanted output:**
> 
> 
> 

```
.component {
  // ...
}

.component.component--modifier {
  // ...
}

```

> 
> **SCSS Suggestion:**
> 
> 
> 

```
.component {
  // ...
  &.&--modifier {
    // ...
  }
}

```

*But this does not work, I'm getting compile errors: Kind of "format errors" or "invalid CSS".*