Los componentes no pueden utilizar configuraciones del tema

[alv-alvarez]

Esto es debido a que al querer utilizar ese componente en otro proyecto, este no reconoce la configuración del tema por lo que visualmente no se ve como debiese. Incluso si ese proyecto tiene el mismo tema que se definió en este no funciona.

Actualmente esto se esta solucionando pasando el nombre de la variable css que chakra crea, para ayudar en eso se creo un método (vars) el que agrega la extension --chakra- para que solo debamos poner las llaves que necesitamos, ejemplo vars('colors-neutral-platinum')