TailwindCSSのCSSファイルの分割・インポートする方法

TailwindCSSのメインCSSにコードが集中しすぎ、混雑しているので
困っています

index.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
	body {
		@apply text-black;
	}
}

@layer components {
	... //以下略
}

なので今回はTailwindCSSのファイル分割方法を紹介しようと思います

まずは分割のCSSファイルを作成します（reset.css）

reset.css

@layer base {
  body {
    @apply text-black;
  }
}

次はメインのCSSファイルを修正します
分割の部分を削除し、ファイルの一番上に@importを入れます
※@importは必ず一番上に入れてください

index.css

+@import './reset.css';

@tailwind base;
@tailwind components;
@tailwind utilities;

-@layer base {
-	body {
-		@apply text-black;
-	}
-}

@layer components {
	... //以下略
}

これでメインファイルがキレイになりました