body { background: var(--p-surface-50); } not working in dark mode in V19

[72pitu]

Hello,

I am using presets and those are working as expected in all primeNg components both is light and dark mode.

export const appConfig: ApplicationConfig = {
providers: [
provideZoneChangeDetection({ eventCoalescing: true }),
provideRouter(routes),
provideAnimationsAsync(),
providePrimeNG({
theme: {
preset: MyPreset,
options: {
prefix: 'p',
darkModeSelector: '.app-dark', // 'system' '.app-dark'
cssLayer: false
}
}
})...

However when using var(--p-surface-50) in styles.scss I can see that the light mode color is applied correctly however activating dark mode has no effect and background-color remains same.

body {
background: var(--p-surface-50);
}

Not sure if that is a bug or if I missing something in the configuration.

Any help is appreciated.