preset should be Partial<Config>

src/第7章_Tailwind_CSSをカスタマイズする/7_3_JavaScript_APIを利用する/extractClassNames.js

@@ -4,7 +4,7 @@ import postcssSelectorParser from "postcss-selector-parser";
 
 /**
  * @param {string} input
- * @param {import('tailwindcss').Config} preset
+ * @param {Partial<import('tailwindcss').Config>} preset
  * @return {Promise<string[]>}
  */
 export async function extractClassNames(input, preset) {

src/第7章_Tailwind_CSSをカスタマイズする/7_3_JavaScript_APIを利用する/jest/preset.test.js

@@ -1,4 +1,4 @@
-import preset from "../tailwind.config.js";
+import preset from "../preset";
 import { extractClassNames } from "../extractClassNames";
 
 const input = `

src/第7章_Tailwind_CSSをカスタマイズする/7_3_JavaScript_APIを利用する/preset.js

@@ -0,0 +1,20 @@
+// @ts-check
+
+/**
+ * @type {Partial<import('tailwindcss').Config>}
+ */
+const preset = {
+  theme: {
+    colors: {
+      blue: {
+        light: "#85d7ff",
+        DEFAULT: "#1fb6ff",
+        dark: "#009eeb",
+        // ...
+      },
+    },
+  },
+  plugins: [],
+};
+
+module.exports = preset;

src/第7章_Tailwind_CSSをカスタマイズする/7_3_JavaScript_APIを利用する/vitest/preset.test.js

@@ -1,6 +1,8 @@
+// @ts-check
+
 import { describe, test, expect } from "vitest";
 
-import preset from "../tailwind.config.js";
+import preset from "../preset";
 import { extractClassNames } from "../extractClassNames";
 
 const input = `