por lo que actualmente estoy trabajando con la biblioteca de estilos de stitches y la biblioteca radix-ui . Estoy usando la función de tema (darkTheme/lightTheme).

Todo funciona perfectamente al actualizar todos menos uno de los componentes de radix-ui .

El Dropdown.Content no se actualiza correctamente y no entiendo por qué. Actualmente estoy pasando $backgroundColor a los estilos y, en lugar de cambiar según el tema, se adhiere al color del tema predeterminado.

Este es el código de mi archivo styles.ts :

 export const DropdownContent = styled(DropdownMenu.Content, { background: '$backgroundColor', border: '2px solid $borderColor', )},

Este es un fragmento de mi archivo stitches.config.ts :

 export const { styled, css, globalCss, keyframes, theme, createTheme, config, } = createStitches({ theme: { colors: { backgroundColor: '#ffffff', borderColor: '#E5E8EB', }, space: {}, fonts: {}, }, media: {}, utils: {}, }); export const darkTheme = createTheme({ colors: { backgroundColor: '#141416', borderColor: '#353945', } });