tailwindcss/nesting used with postcss-nesting breaks some postcss plugins

What version of Tailwind CSS are you using?

v3.0.17

What build tool (or framework if it abstracts the build tool) are you using?

vite@2.7.13

What version of Node.js are you using?

For example: v17.1.0

What operating system are you using?

MacOS

Describe your issue

tailwindcss/nesting used with postcss-nesting breaks some postcss plugins. In this example vite config cssHasPseudo is not working. Also another plugin that is not working is postcss-mixins

import tailwindcss from 'tailwindcss'
import tailwindcssNesting from 'tailwindcss/nesting'
import autoprefixer from 'autoprefixer'
import postcssImport from 'postcss-import'
import postcssNesting from 'postcss-nesting'
import cssHasPseudo from 'css-has-pseudo'
import postcssCustomMedia from 'postcss-custom-media'

export default {
    css: {
        postcss: {
            plugins: [postcssImport, tailwindcssNesting(postcssNesting), postcssCustomMedia, cssHasPseudo, tailwindcss, autoprefixer]
        }
    }
}

[thecrypticace]

Just to follow up here — I tracked down the issue last week and we are working with PostCSS on a fix. Thanks!

[thecrypticace]

Could you open this as a separate issue please?