Constructable stylesheets
Uma API para criar folhas de estilo CSS em JavaScript como objetos (new CSSStyleSheet()) e compartilhar a mesma instância entre vários shadow roots via adoptedStyleSheets. Resolve o problema de desempenho de cada web component duplicar seu próprio CSS.
O problema: em web components, o CSS fica encapsulado por shadow root — mas se você tem cem instâncias do mesmo componente, cada uma teria tradicionalmente sua própria cópia da folha de estilo (via uma tag <style> em cada shadow root) → consumo desnecessário de memória e reinterpretação do mesmo CSS cem vezes. Constructable stylesheets deixam você criar a folha de estilo UMA vez, como um objeto compartilhável, e "adotar" a mesma instância em todos os shadow roots → o CSS é interpretado uma vez só e compartilhado, o que economiza memória e acelera. Dá até para atualizar a folha de estilo compartilhada de forma programática, e todo mundo que a usa é atualizado junto. Caso de uso: desempenho em bibliotecas de componentes com muitas instâncias, temas dinâmicos.