Nota: Este no es un debate típico de "em vs rem vs px", ya que hay una advertencia bastante importante.

Estoy creando un widget integrable que se ejecuta a través de una etiqueta de secuencia de script y un div raíz que se coloca en la página de destino. Estoy acostumbrado a usar rem para todos mis tamaños y al truco del 62,5%, pero esta no es una opción viable para mí porque la root de mi widget puede tener un tamaño, pero la root del sitio del cliente podría tener otro. Esto significaría que todos mis elementos con dimensiones rem se volverían locos.

¿Hay alguna forma de indicar que mi root es la que hay que seguir? ¿O hay alguna otra forma de determinar mi propio tamaño de fuente raíz independientemente del sitio de destino?

También he considerado usar solo em y hacer algo como esto:

 #my-root * { font-size: 62.5% }

La idea es que aún podría usar un sistema de tamaño basado en decimales, aunque esto obviamente se complicaría tan pronto como intentara usar un tamaño de fuente más grande o más pequeño.

¿Es mejor renunciar a todo eso y usar px ? ¿Cuáles son las mejores prácticas para los widgets de JavaScript de terceros?