diff --git a/packages/plugin-vue/src/index.ts b/packages/plugin-vue/src/index.ts
index dffe011f..855fab0d 100644
--- a/packages/plugin-vue/src/index.ts
+++ b/packages/plugin-vue/src/index.ts
@@ -277,6 +277,20 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
           !config.isProduction
         ),
       }
+
+      // #507 suppress warnings for non-recognized pseudo selectors from lightningcss
+      const _warn = config.logger.warn
+      config.logger.warn = (...args) => {
+        const msg = args[0]
+        if (
+          msg.match(
+            /\[lightningcss\] '(deep|slotted|global)' is not recognized as a valid pseudo-/,
+          )
+        ) {
+          return
+        }
+        _warn(...args)
+      }
     },
 
     configureServer(server) {