not working in tailwindcss 3.0

[astrocket]

After upgrading tailwind into version 3 webpack compile fails. removing nightwind from config works just fine.

webpack error messages

ERROR in ./app/javascript/packs/application.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./app/javascript/packs/application.scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
TypeError: Cannot read properties of undefined (reading 'type')
    at extractCandidates (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:122:14)
    at /Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:152:62
    at Array.flatMap (<anonymous>)
    at withIdentifiers (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:150:32)
    at addComponents (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:306:44)
    at plugin.theme.extend.transitionDuration.0 (/Users/project_path/node_modules/nightwind/src/index.js:729:5)
    at registerPlugins (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:610:61)
    at createContext (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:811:5)
    at Object.getContext (/Users/project_path/node_modules/tailwindcss/lib/lib/setupContextUtils.js:866:19)
    at /Users/project_path/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:142:53

tailwind.config.js

const { fontFamily, colors } = require('tailwindcss/defaultTheme')

module.exports = {
  darkMode: "class",
  content: {
    safelist: [
      "dark",
      "lg:max-w-3xl", "sm:col-start-2", "sm:col-start-1", "sm:grid-flow-row-dense",
      "type", // [type='checkbox']
    ],
    content: [
      './app/views/**/*.html.erb',
    ]
  },
  theme: {
    nightwind: {
      typography: true,
      colors: {
        white: "#181818",
        // black: "#f0f6fc",
        gray: {
          // "50": "#161b22",
          // "100": "#161b22",
          // "900": "#c9d1d9"
        },
      },
      colorClasses: [
        "gradient",
        "ring",
        "ring-offset",
        "divide",
        "placeholder",
        "shadow"
      ],
    },
    truncate: {
      lines: {
        1: '1',
        2: '2',
        3: '3',
      }
    },
    extend: {} // omitted
  },
  corePlugins: {
    aspectRatio: false,
  },
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
    require('@tailwindcss/aspect-ratio'),
    require('tailwindcss-truncate-multiline')(),
    require("nightwind")
  ],
};