How to run a custom tailwind.config.js?

[rtwld]

I want to access more TailwindCSS utilities and I set up my Hugo installation accordingly by following the Building the theme CSS from source guide. It works great until I try to use color-related utilities (e.g. bg-red-100), which do not get transpiled into the final css.

I learned from this discussion this is due to the default ./themes/congo/tailwind.config.js, in which the colors declarations under theme seem to block the built-in TailwindCSS color utilities. The solution is to move the colors declarations under theme.extend, which works fine.

Now, I obviously do not want to edit ./themes/congo/tailwind.config.js, so I

• created a custom ./tailwind.config.js,
• changed the scripts.dev/scripts.build path in ./package.json accordingly.

Also, I

• changed the custom tailwind config to point to the typography module in the ./congo/themes/node_modules location (i.e. plugins: [require("./themes/congo/node_modules/@tailwindcss/typography")()]).

Is this recommended ? Or should I have a duplicate typography plugin by installing it in ./node_modules as well? More generally, is this the best way to run a custom tailwind.config.js?