Otra duda con imprtación

Porque flexbox ya es algo nativo de CSS, en cambio las fuentes pueden variar mucho, por ejemplo la fuente 'Arial' que viene por defecto en Windows no viene en sistemas GNU/Linux (se debe de instalar manualmente). Lo de diferenciar cuando se debe importar o no una biblioteca es algo más complicado, puedes investigar directamente la biblioteca para ver si es nativo. Lo que sí es que flexbox y grid ya son nativos

Nota: Respuesta tomado de otro post escrito por "anónimo" que al parecer lo tomó de una IA. Lo comparto porque veo que responde a la pregunta inicial y nos ayuda a identificar sí lo que usamos es algo nativo o usa una librería externa

Criterios generales para diferenciar cuándo algo es nativo y cuándo es necesario importar una biblioteca externa:

1. Presencia en especificaciones oficiales

• Si una funcionalidad está documentada en estándares oficiales como CSS (W3C) o JavaScript (ECMAScript), es nativa.
• Ejemplo: Flexbox y Grid son parte de CSS y no requieren importación.

1. Compatibilidad con navegadores

• Las funciones nativas suelen ser compatibles con la mayoría de los navegadores modernos sin necesidad de librerías adicionales.
• Puedes verificar compatibilidad en sitios como Can I use (https://caniuse.com).

1. Disponibilidad sin instalación adicional

• Si puedes usarlo directamente sin necesidad de instalar paquetes o enlazar archivos externos, es nativo.
• Ejemplo: Propiedades CSS como display: flex; o grid-template-columns:.
• En contraste, fuentes como Arial pueden no estar presentes en todos los sistemas y requieren una fuente web o instalación manual.

1. Documentación y origen

• Si la funcionalidad proviene de una biblioteca externa (ejemplo: Bootstrap, Tailwind CSS, jQuery), requiere importación.
• Si está en documentación oficial de un lenguaje o tecnología base, es nativo.

1. Necesidad de carga adicional

• Si tienes que agregar <link> en HTML o @import en CSS para que funcione, no es nativo.
• Ejemplo: Google Fonts requieren un enlace externo (<link href="https://fonts.googleapis.com/...">).

1. Uso en código sin dependencias

• Un elemento nativo se usa sin necesidad de referencias externas.
• Ejemplo: document.querySelector() en JavaScript es nativo.
• Pero si necesitas import { something } from 'library', entonces proviene de una biblioteca externa.

Estos criterios te ayudarán a diferenciar cuándo algo es parte del lenguaje o cuándo requiere una librería externa.