Nuxt removes universal selectors from css after deployment

Inside my index.vue page I have the following in the styling:

<style lang="scss">
    *:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
      all: unset;
      display: revert;
    }
    
    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }
</style>

Locally this works fine, but doesn't work after deploying on vercel. When inspecting the source on this version I can see that the * selectors have been removed:

:where(:not(iframe):not(canvas):not(img):not(svg):not(video):not(svg*):not(symbol*)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}

The same thing happens regardless of how it's imported, whether by importing a separate file in the config, or importing a file inside the style tags.