Warnings on Vue devtools overlay

[syntactic-sour]

Is there a way to turn off this plugin for a specific file? I get warnings from a third-party thing that is outside of my control.

node_modules/vite-plugin-vue-devtools/src/overlay/devtools-overlay.css?direct?__vue-devtools-next-resource
1:152	⚠  variable --vue-devtools-widget-bg is undefined and used without a fallback [postcss-css-variables]
1:2152	⚠  variable --vue-devtools-widget-shadow is undefined and used without a fallback [postcss-css-variables]
1:2152	⚠  variable --vue-devtools-widget-shadow is undefined and used without a fallback [postcss-css-variables]
1:3019	⚠  variable --vue-devtools-widget-border is undefined and used without a fallback [postcss-css-variables]
1:3089	⚠  variable --vue-devtools-widget-bg is undefined and used without a fallback [postcss-css-variables]
1:3198	⚠  variable --vue-devtools-widget-fg is undefined and used without a fallback [postcss-css-variables]
1:3234	⚠  variable --vue-devtools-widget-shadow is undefined and used without a fallback [postcss-css-variables]
1:3234	⚠  variable --vue-devtools-widget-shadow is undefined and used without a fallback [postcss-css-variables]

[MadLittleMods]

@syntactic-sour I don't know the current state of the art with PostCSS but this seems like a general problem of wanting to ignore CSS source files that you don't control.

For example:

• https://stackoverflow.com/questions/72471103/can-i-selectively-ignore-css-warnings-with-postcss-and-vite
• Add an option to ignore postcss warnings vitejs/vite#9597

(I found these be searching "vite postcss ignore css")

[syntactic-sour]

After trying several ways to ignore vue devtools issues, https://github.com/dcalhoun/postcss-warn-cleaner is the only thing that worked in my setting.