@Supports and @media nested in scoped style do not get scoped attribute #906
Description
Version
12.2.2
Reproduction link
https://github.com/fimion/vue-css-supports
Steps to reproduce
run supplied repo.
What is expected?
On desktop in chrome, the text should be red.
What is actually happening?
On desktop in chrome, the text is blue.
I'm implementing some CSS-Grid stuff and testing for it. it's not the end of the world as there are ways to get around this, but losing scope means the style could bleed into everything else.