Overriding a color primitive has no affect on the corresponding color CSS class

[hunhejj]

Describe the bug

I defined my own color palette with:

const MyPreset = definePreset(Aura, {
    primitive: {
        gray: {
            500: '#6e6e6e',
        },
    },
});

Expected Behavior

I would expect that using bg-gray-500 would result in using my custom color, i.e. #6e6e6e.

Actual Behavior

Instead the background has the color of the Prime's default gray-500, i.e. #6b7280.

Workaround

My current workaround is to use bg--[var(--p-gray-500)] instead which correctly resolves in my customized color.

Environment

PrimeNg 18.0.0-beta.3

Reproducer

No response

Angular version

18.2.5

PrimeNG version

18.0.0-beta.3

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response