use a child selector through > div {} in the emotion library, error (9999)

[ahn0min]

Describe the bug (including copyable syntax)

I'm working on a project using typescript and emotion + Next.js.
If you write the code as shown in the screenshot, the error at-rule or selector expected - ts-styled-plugin(9999) will occur.

However, the UI works fine as I want.

Screenshot

To Reproduce

import styled from '@emotion/styled';

const Item = styled.div`
  display: flex;
  justify-content: space-between;
  align-items: center;

  >div: first-child {
    flex: 1;
    margin-right: 10px;
  }
`;

Expected behavior

Build environment (please complete the following information):

• OS: Windows 10 Education
• VSCode Version: v.1.82.2
• Extension Version v.1.7.8

Extensions
You can get this by running $ code --list-extensions in the command line

Additional context
Add any other context about the problem here.

[ahn0min]

The error was avoided by downgrading to v1.7.8 => v1.7.5