getByRole doesn't work - CSS subsequent sibling combinator (~)

[karpiuMG]

Describe the bug
I have an input which is styled with using subsequent sibling combinator (~). With happy-dom my test fails but in jsdom it works. With these styles the element role - checkbox - is not seen. It seems like the space after input in styles make a difference:

// fails input~[doesntMatter]
it('with subsequent-sibling combinator ~', () => {
  render(
    <>
      <style>{`
        input~[doesntMatter] {
          display: none;
        }
      `}</style>
      <input type="checkbox" />
    </>
  );

  expect(screen.getByRole('checkbox')).toBeInTheDocument();
});

// works input ~ [doesntMatter]
it('with subsequent-sibling combinator ~', () => {
  render(
    <>
      <style>{`
        input ~ [doesntMatter] {
          display: none;
        }
      `}</style>
      <input type="checkbox" />
    </>
  );

  expect(screen.getByRole('checkbox')).toBeInTheDocument();
});

Example on Stackblitz

it seems to be related to
@capricorn86 in #1122 (comment)_