Acredito que, devido à forma como o SCSS é compilado, as definições personalizadas de tema escuro/claro precisam ser adicionadas ao color_definitions.scss dentro de um tema e não funcionarão em outros arquivos SCSS.
O arquivo color_definitions.scss está no topo da cascata (antes de muitos estilos padrão), então você não deve adicionar a parte .modal.history-modal ins nele. Em vez disso, você pode apenas adicionar a própria definição de cor…
$dark-theme-ins: #acf2bd;
$light-theme-ins: #4da06d;
$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);
:root {
--custom-ins: #{$ins};
}
E então, em common ou em qualquer outro arquivo do seu tema, você pode fazer:
.modal.history-modal {
ins {
background: var(--custom-ins);
}
}
