Nuxt Js未编译所有CSS规则

Question

我的开发环境运行良好，但是当我尝试构建应用程序时，缺少某些样式。这是一个例子

<style lang="scss">
.badge {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 25px;
  font-size: 0.75em;
  @apply tw-bg-border tw-text-primary tw-font-bold;

  &--danger {
    color: white;
    @apply tw-bg-danger-alt;
  }
  &--info {
    color: white;
    @apply tw-bg-info;
  }
  &--warning {
    color: white;
    @apply tw-bg-warning;
  }
}

.badge--success {
  color: white;
  @apply tw-bg-success-alt;
}
</style>

我需要将.badge--成功转移到外面，它才能正常工作，但是所有其他CSS修改器都无法正常工作。