Tengo una variable en mi Card.module.scss y uso este código para exportarlo y ponerlo a disposición de mis componentes React:
$max-width: 100%; :export { maxWidth: $max-width }Importo este y el resto de los estilos con:
import styles from "../styles/Card.module.scss" y puedo acceder a este valor usando styles.maxWidth , pero no sé cómo cambiar el valor.
Sé que sería más fácil usar las propiedades personalizadas de CSS , pero eso no funcionaría en los módulos, ya que no sería un selector puro.
No creo que sea realmente posible: SaSS se compila en CSS normal, por lo que no tiene sentido intentar modificarlo en tiempo de ejecución. Probablemente tendrá que usar propiedades personalizadas...
Si alguien más informado puede confirmar...