как импортировать попутный ветер в «createGlobalStyle»

#next.js #styled-components #tailwind-css #tailwind-in-js

Вопрос:

Я пытаюсь импортировать tailwind в свой стиль компонентов globalstyle, чтобы установить базовые стили.

Приведенный ниже код не работает, поэтому есть какие-либо предложения о том, как заставить его работать?

 import {createGlobalStyle} from 'styled-components';


const GlobalStyle = createGlobalStyle`
  @tailwind base;
  @tailwind components;
  @tailwind utilities;
  
  @layer base {
    h1 {
      @apply text-2xl;
    }
    h2 {
      @apply text-xl;
    }
  }
`