Child combinator (>) in :has sometimes vanishes when transpiling nested css

[malte-laukoetter]

When transpiling the following css using --supported:nesting=false the child combinator within the :has vanishes

.a :has(> .c) {
  .b & {
    background-color: green;
  }
}

result:

.b :is(.a :has(.c)) {
  background-color: green;
}

expected result:

.b :is(.a :has(>.c)) {
  background-color: green;
}

esbuild playground: https://esbuild.github.io/try/#YgAwLjIzLjAALS1zdXBwb3J0ZWQ6bmVzdGluZz1mYWxzZQBlAGVudHJ5LmNzcwAuYSA6aGFzKD4gLmMpIHsKICAuYiAmIHsKICAgIGJhY2tncm91bmQtY29sb3I6IGdyZWVuOwogIH0KfQ

see also: vuejs/core#11613

[ybouane]

I get a similar issue with this:
https://esbuild.github.io/try/#YgAwLjI0LjIALS1zdXBwb3J0ZWQ6bmVzdGluZz1mYWxzZQBlAGVudHJ5LmNzcwAuYSB7CiAgOmhhcyg+JikgewogICAgYmFja2dyb3VuZDpyZWQ7CiAgfQp9

Input:

.a {
  :has(&) {
    background:red;
  }
}

Give the correct output:

:has(.a) {
    background:red;
  }

But this input:

.a {
  :has(>&) {
    background:red;
  }
}

Give the incorrect output:

.a :has(>.a) {
    background:red;
  }