"theme is not a function" error about tailwindcss-custom-forms HOT 6 OPEN

fixed for me by updated gatsby-config.js from:

{
  resolve: `gatsby-plugin-sass`,
  options: {
     postCssPlugins: [require('tailwindcss'), require('./tailwind.config.js')]
  }
},

to:

{
  resolve: `gatsby-plugin-sass`,
  options: {
    postCssPlugins: [require('tailwindcss')('./tailwind.config.js')]
  }
},

from tailwindcss-custom-forms.

Example Repo

https://github.com/jaobrown/gatsby-tailwind-custom-forms

@adamwathan error appears in this repo.

Steps to reproduce

1. Clone repo
2. npm install
3. npm start

Expected result

Server runs

Results

 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

theme is not a function

File: src/styles/main.scss

failed Building development bundle - 9.105s

from tailwindcss-custom-forms.

I put

 plugins: [
    require('@tailwindcss/custom-forms')
 ]

on tailwind.config.js instead of postcss.config.js and works for me 🎉

from tailwindcss-custom-forms.

I'm having the same issues.

from tailwindcss-custom-forms.

tailwindcss v 1.5 - same here

from tailwindcss-custom-forms.

Can someone share a simple GitHub repo that reproduces the issue? Better chance of me being finding 5 minutes to be able to look at it if I have a starting point instead of having to set it up from scratch.

from tailwindcss-custom-forms.