중첩을 사용하고 있다가 중첩을 벗어나고 싶을 때 @at-root 를 사용한다.

.frame {
  padding: 20px;
  border: 1px solid #000;
  text-align: center;

  @at-root .heading {
    color: palevioletred;
    font-size: 36px;
    font-weight: normal;
  }
}

컴파일 결과—————————————————-

.frame {
  padding: 20px;
  border: 1px solid #000;
  text-align: center;
}
.heading {
  color: palevioletred;
  font-size: 36px;
  font-weight: normal;
}