PostCSS doesn't work with tailwind

[asertym]

Tailwind version:
v3.0.23

Build tools:

gulp: 4.0.2
gulp-postcss: 9.0.1
postcss: 8.4.16
node: 12.22.9

OS: Ubuntu

Description
I started getting this error on a project that worked fine just a couple of months ago, is this issue related to tailwind? I tried posting this over at postcss repo but I haven't received a response so far.

gulp-notify: [gulp error in gulp-postcss] Error in plugin "gulp-postcss"
Message:
    ENOENT: no such file or directory, stat 'src/assets/styles/style.css'
Details:
    errno: -2
    syscall: stat
    code: ENOENT
    path: src/assets/styles/style.css
    fileName: src/assets/styles/style.css

Stack:
Error: ENOENT: no such file or directory, stat 'src/assets/styles/style.css'
    at Object.statSync (fs.js:1016:3)
    at trackModified (node_modules/tailwindcss/lib/lib/setupContextUtils.js:468:46)
    at Object.getContext (node_modules/tailwindcss/lib/lib/setupContextUtils.js:858:5)
    at node_modules/tailwindcss/lib/lib/setupTrackingContext.js:39:53
    at node_modules/tailwindcss/lib/processTailwindFeatures.js:38:11
    at plugins (node_modules/tailwindcss/lib/index.js:33:58)
    at LazyResult.runOnRoot (node_modules/postcss/lib/lazy-result.js:339:16)
    at LazyResult.runAsync (node_modules/postcss/lib/lazy-result.js:393:26)
    at LazyResult.async (node_modules/postcss/lib/lazy-result.js:221:30)
    at LazyResult.then (node_modules/postcss/lib/lazy-result.js:206:17)

Here's my task:

gulp.task("styles", function () {
  const stylesPath = PATH.assets + PATH.styles;
  return gulp
    .src(PATH.source + stylesPath + '**/*.scss') // source
    .pipe(changed(PATH.source + stylesPath + '**/*.scss')) // source
    .pipe(sourcemaps.init())
    .pipe(sass({
        includePaths: ['node_modules'],
        errLogToConsole: true,
        outputStyle: "compressed",
      }).on('error', sass.logError))
    .pipe(postcss())
    .pipe(sourcemaps.write(PATH.maps))
    .pipe(gulp.dest(PATH.build + stylesPath)) // output
    .pipe(browser.stream());
});

Here's my postcss config:

module.exports = {
    plugins: [
        require("postcss-import"),
        require("tailwindcss"),
        require("autoprefixer"),
    ],
};

If I comment tailwind in postcss.config.js then compile works, otherwise I get the error above. Thanks in advance for any help!

[adamwathan]

Does src/assets/styles/style.css exist? The error is saying it doesn’t.

Would be much easier to help if you included an actual GitHub repository that reproduces the issue, not enough here to actually offer any suggestions.

[asertym]

Hi Adam, it doesn't exist because it's not supposed to. src/assets/styles contains .scss files.

The repo is Tails Express.

[wongjn]

Just tried it, works fine in Node 16 but not 12 🤔

[asertym]

@wongjn thanks for the comment, this sent me into a whole new problem I discovered since I was 100% sure I was running Node 16.. Turned out that n wasn't changing node version, even if it said (and showed) otherwise. Thanks again, all works fine now!