Essa funcionalidade está relacionada a algum problema? Descreva.
Após rodar o npm install, o terminal reporta diversas vulnerabilidades de segurança (65 no total, sendo 4 críticas) nas dependências do projeto. Além disso, há um aviso de puppeteer depreciado.

Descreva a solução que você gostaria
É necessário analisar a árvore de dependências, atualizar os pacotes necessários para corrigir as vulnerabilidades e substituir pacotes depreciados (especialmente o puppeteer) para garantir que o build npm run dev seja seguro e estável.

Descreva alternativas que você considerou
Rodar npm audit fix --force, mas isso pode causar breaking changes indesejadas no projeto Stencil, dado o alto número de vulnerabilidades críticas.

Componente do Design System
Infraestrutura/Configuração do Projeto (ferramentas de build e testes).

Link(s) do Figma
Não aplicável (problema de infraestrutura).

Isso é uma alteração em um componente existente ou criação de um novo?

• Atualização de componente existente
• Criação de novo componente

Contexto adicional
Resumo: 65 vulnerabilities (6 low, 29 moderate, 26 high, 4 critical). É necessário focar primeiro nas críticas e altas.

🛠️ Notas de implementação (para desenvolvedores e agentes de IA) - NÃO REMOVER

• Utilize os links do Figma com as ferramentas Figma MCP para inspecionar e extrair os detalhes do componente antes de iniciar o desenvolvimento.
• Todo componente implementado ou atualizado deve conter histórias no Storybook demonstrando todos os estados possíveis do componente.
• Sempre que possível, consolide as variações em uma única página de story, utilizando controles ou variantes para representar diferentes estados.