Next.jsで、taiwind cssが使えない

現在Next.js(TypeScript)上にtaiwind cssを導入したいと考えています。

Github https://github.com/takoyan33/next-ts

その際に、こちらのサイトを参考にしました。
https://tailwindcss.com/docs/guides/nextjs

ですが、ローカルで確認すると、エラーは起きませんでしたが、反映されていませんでした。
Next.jsだと反映されるのですが、TypeScriptを導入すると反映されなくなった感じです。
何かわかる方がいればよろしくお願いします。

JavaScript
1#index.tsx
2import Head from "next/head";
3import Layout, { siteTitle } from "../components/layout";
4import utilStyles from "../styles/utils.module.css";
5import { getSortedPostsData } from "../lib/posts";
6import Link from "next/link";
7import Date from "../components/date";
8
9export default function Home({ allPostsData }) {
10  return (
11    <Layout home>
12      <Head>
13        <title>{siteTitle}</title>
14      </Head>
15      <section className={utilStyles.headingMd}>
16        <p className="text-red-400">API図鑑</p>
17        <p>このサイトでは、様々なapiの使い方を学ぶことができます。</p>
18
19        <Link href="resas">Resas API編</Link>
20        <br></br>
21        <Link href="spotify">Spotify API編</Link>
22        <br></br>
23        <Link href="resas">Line API編</Link>
24        <br></br>
25      </section>
26      <section className={`${utilStyles.headingMd} ${utilStyles.padding1px}`}>
27        <h2 className={utilStyles.headingLg}>ブログ</h2>
28        <ul className={utilStyles.list}>
29          {allPostsData.map(({ id, date, title }) => (
30            <li className={utilStyles.listItem} key={id}>
31              <Link href={`/posts/${id}`}>
32                <a>{title}</a>
33              </Link>
34              <br />
35              <small className={utilStyles.lightText}>
36                <Date dateString={date} />
37              </small>
38            </li>
39          ))}
40        </ul>
41      </section>
42    </Layout>
43  );
44}
45
46export async function getStaticProps() {
47  const allPostsData = getSortedPostsData();
48  return {
49    props: {
50      allPostsData,
51    },
52  };
53}
54

JavaScript
1#tailwind.config.js
2module.exports = {
3  content: [
4    "./pages/**/*.{js,ts,jsx,tsx}",
5    "./components/**/*.{js,ts,jsx,tsx}",
6  ],
7  theme: {
8    extend: {},
9  },
10  plugins: [],
11};
12