Component: disabled Select placeholder has disabled value color Style (v18.0.0)

[honboubao]

Describe the bug

A disabled Select component applies the text color for disabled values to the placeholder.

This happens because

.p-select.p-disabled .p-select-label {
    color: ${dt('select.disabled.color')};
}

in selectstyle.ts:98

takes precedence over

.p-select-label.p-placeholder {
    color: ${dt('select.placeholder.color')};
}

in selectstyle.ts:86

This isn't noticable with the default theme, as both select.placeholder.color and select.disabled.color are set to surface.500. But in my customized theme, where those differ, I can't tell, if a disabled select has a value selected or not.

Environment

Windows 10
Firefox 128.3.1esr

Reproducer

https://stackblitz.com/edit/stackblitz-starters-recoyrma?file=src%2Fapp%2Fapp.component.html

Angular version

18

PrimeNG version

18

Node version (for AoT issues node --version)

No response

Browser(s)

No response

Steps to reproduce the behavior

1. customize the theme's select.disabled.color and select.placeholder.color variables and set to differing colors
2. add disabled select component with placeholder and no value selected
3. placeholder text does not have the configured placeholder color as would be expected

Expected behavior

I think the placeholder should have select.placeholder.color applied, whether the component is enabled or disabled.

[honboubao]

Same behaviour can be observed with CascadeSelect and TreeSelect as well

[honboubao]

...and also MultiSelect