Feat: typography

[davisLjr]

Se cambian los tamaños de la tipografia de obelisco, tambien en esta branch se incluyen nuevas variantes de tipografia para rellenar los tamaños faltantes para los componentes.

Se añaden clases de font-weight, estilo italica y tambien underline para textos.

Se componentizo la tipografia en un solo componente con la finalidad que de ser necesario que el componente en un futuro sea exportado y el cambio sea mas leve.

Enlace a figma: https://www.figma.com/file/PTv4gTxQhnSgBjnda5lBsD/An%C3%A1lisis-de-componentes-%7C-2024?node-id=752%3A14378&mode=dev

Es necesario revisar este PR en todos los componentes de manera que tengamos en cuenta los cambios que este implica sobre todo el proyecto y los cambios que genera en producción.

Es necesario consultar con el equipo de diseño, que sucedera con las secciones:

1. Tranformaciones
2. Citas
3. Listas
4. Listar Ordenadas

Ya que estas secciones no debemos borrarlas y deben ser incluidas en el UI-KIT, al igual que se debe consultar si se deben visualizar como en bootstrap las clases que dan colores a los textos y otra consulta seria:

Las variables $display1-size a la $display4-size no se utilizan dentro de storybook,
pero si en produccion, quizas hay que darle visibilidad. "Bloque con numeros de colores"

---

Debido a las diferencias encontradas entre Storybook y Figma en algunos componentes, se dejan comentarios en tarjeta de Github:

• Mensajes de estado: https://github.com/orgs/gcba/projects/3/views/1?filterQuery=men&pane=issue&itemId=18691705
• Botones: https://github.com/orgs/gcba/projects/3/views/1?filterQuery=bot&pane=issue&itemId=18691692
• Formulario: https://github.com/orgs/gcba/projects/3/views/1?filterQuery=f&pane=issue&itemId=62309611
• Pasos de un formulario: https://github.com/orgs/gcba/projects/3/views/1?filterQuery=f&pane=issue&itemId=62309016
• Navegación y pestañas: