css - :hover および :focus の PostCSS を使用したネストされた構文

Question

TailwindCSS と PostCSS を使用しており、次の CSS コードがあります。

.btn {
  @apply py-1;
  @apply px-4;
  @apply border;
  @apply rounded;
}

.btn:hover {
  @apply bg-white text-black;
}

.btn:focus {
  @apply bg-black text-white;
}

PostCSS (またはプラグインを使用) で、このコードを以下のように記述するネイティブな方法はありますか?

.btn {
  @apply py-1;
  @apply px-4;
  @apply border;
  @apply rounded;

  &:hover {
    @apply bg-white text-black;
  }
  
  &:focus {
    @apply bg-black text-white;
  }
}