Erro no import do css ao criar um app com Vite + Typescript

[huandrey]

Problem

No guia de início, após instalar a dependência, é pedido para que seja feito o import do css da lib.

import '@vtex/shoreline/css'

Esse import em aplicativos React criados com Vite usando Typescript, ou CRA com Typescript não é reconhecido.

Em aplicativos criados com Next esse problema não aparece pois o Next já faz o reconhecimento desse tipo em específico por debaixo dos panos sem nenhuma adição de código. Em aplicativos React usando Javascript esse problema também não acontece pois o JS não faz reconhecimento de tipos.

Para contornar esse problema, criei um arquivo de tipos contendo a seguinte declaração do módulo:

declare module '@vtex/shoreline/css' {
  const classes: { [key: string]: string }
  export default classes
}

Por garantia, também especifiquei o caminho desse arquivo no tsconfig:

"typeRoots": ["./node_modules/@types", "./src/types"],

Expected behavior

No response

Reproducible Example

No response

Suggested solution

Pelo que vi, bastaria ter um arquivo de declaração desse módulo na raiz da lib para que não fosse necessário esse incremento de código para futuros aplicativos criados em Vite, CRA ou outro framework que não faça esse reconhecimento de tipos por default como o Next.

Additional context

No response

Package

@vtex/shoreline

Packages version

1.11.19

Browser

No response

Package Manager

pnpm