SASS @ at-root指令未编译

Question

我在.scss文件中有以下代码：

*[data-toggle="popover"]{
    font-weight: bold;
    @at-root .list-group-item & { 
        margin-left: 2rem;
    }
}

在http://sassmeister.com上按照我的意愿编译：

*[data-toggle="popover"] {
  font-weight: bold;
}
.list-group-item *[data-toggle="popover"] {
  margin-left: 2rem;
}

但是在本地它并没有对@ at-root指令做任何事情，所以我得到：

*[data-toggle="popover"] {
  font-weight: bold;
  @at-root .list-group-item & {
    margin-left: 2rem;
}

}

我不确定如何解决这个问题。我已将我的sass和指南针更新到最新版本。我还能做什么？