Css @样式化组件中的根SASS指令

Css @样式化组件中的根SASS指令,css,sass,styled-components,Css,Sass,Styled Components,是否可以在样式化组件(SC)中使用SASS的根目录下的@at指令 SC支持SASS的一些语法我看到一些信息,SC包括一些SASS轻型解析器引擎。那么,有可能在SC中编写类似下面的代码吗 .btn { background: #ededed; border: 1px solid #555; color: #555; padding: 1em 2em; font: { family: 'Open Sans Condensed', sans

是否可以在样式化组件(SC)中使用SASS的根目录下的
@at
指令

SC支持SASS的一些语法我看到一些信息,SC包括一些SASS轻型解析器引擎。那么,有可能在SC中编写类似下面的代码吗

.btn {
    background: #ededed;
    border: 1px solid #555;  
    color: #555;
    padding: 1em 2em;  
    font: { 
      family: 'Open Sans Condensed', sans-serif;
      size: 1rem;
    }
    
    @at-root a#{&} {  /* THIS DIRECTIVE */
        text-decoration: none;
    }
}

//compiles to
.btn {
  background: #ededed;
  border: 1px solid #555;
  color: #555;
  padding: 1em 2em;
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 1rem; 
}

a.btn { /* INTO THIS CSS CODE */
  text-decoration: none;
}

有关根目录下
@的详细信息