next.js - 「createGlobalStyle」内に追い風をインポートする方法

Question

基本スタイルを設定するために、スタイル付きコンポーネントのグローバルスタイル内に追い風をインポートしようとしています。

以下のコードは機能しません。機能させる方法について何か提案はありますか?

import {createGlobalStyle} from 'styled-components';


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