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

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.

styled-components / vscode-styled-components

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