Not sure this is an issue with this theme or hugo itself or something else so would appreciate some guidance.

I've added some bg-[url()] classes as can be seen here https://github.com/anaherix/anaherix.github.io/blob/6631bdb20faaa9da93b9108d35492c2a08a2a5d4/layouts/index.html#L5-L7.

Locally everything works just fine; both npm run dev and npm run build generates a style.css that includes for example

.bg-\[url\(\'\/images\/banner\.png\'\)\] {
  background-image: url('/images/banner.png');
}

However, deploying a preview on netlify and deploying to github pages the style.css doesn't include above. It does include styles from custom.css that I've added.

Not sure I understand how all this works so I'm sorry if it's not you and rather Hugo or something else, but it's quite hard to understand what's wrong, why and how to debug this.

If I understand things correctly, the Hugo css.TailwindCSS is what triggers @tailwindcss/cli to extract CSS classes from markup and inserting it into style.css at the end. Is this correct? I've tried using the same npm package versions locally and remote for @tailwindcss and @tailwindcss/cli, but still the same problem. Normally you have a tailwind_config.js file, but in this theme there's none - why is that?

Not sure how to proceed with this. Maybe you can give some pointers, that would be super helpful. Thanks in advance