taodutra, o problema estava no caminho dos SVGs importados e exportados no src/styles/Icons, onde pra você, os caminhos ele deve ter encontrado os SVGs, mas no meu ele não encontrou, ai tive que usar o caminho relativo, e a partir dai ele voltou a funcionar, acho que tem alguma coisa a ver com dependencia global e local, se vc puder me tirar essa duvida

aparentemente ele entrava em loop tentando achar o bendito svg em um caminho e nao encontrava

Oi Vitor,

Fiz os seguintes testes:

  • Retirei a estrutura relativa dos paths
  • Importei novos ícones
  • Os exportei
  • Utilizei nas páginas

Tudo funcionou perfeitamente.

Como estava:

export { Home } from '../../node_modules/@styled-icons/boxicons-solid/Home';

Como deixei:

export { Home } from '@styled-icons/boxicons-solid/Home';

Buscando casos similares ao seu, encontrei vários resolvendo esta solução de Vite com styled-icons usando isto.

https://www.npmjs.com/package/vite-plugin-babel-macros

Espero que te ajude.