Select component style issues

[kszmetena]

Describe the bug

I just started to use the new primeng v.18 and bumped into the following style issues at select component.

1. In the invalid style of Select component has a reference to css var of SelectButton component. As I noticed every css var of component created dynamically when a component created, so if you don't have SelectButton component your app, the referenced css var is not created and the invalid style is broken of your Select component.

2. When I use with float label the label is not floating out when an item is selected and the focus is outside of select. The p-inputwrapper-filled class is not added to select when it's filled. I chekced and the bool expression is wrong in style ts file.

Environment

It doesn't matter :)

Reproducer

No response

Angular version

18.2.6

PrimeNG version

18.0.0-beta.2

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

22.3.0

Browser(s)

No response

Steps to reproduce the behavior

1. Add the Select component to your app without using of SelectButton component
2. Use the Select component with float label and select an item and click outside of select.

Expected behavior

1. The style of invalid select component shouldn't have to rely on SelectButton css var.
2. The proper bool expression: 'p-inputwrapper-filled': instance.modelValue() !== undefined && instance.modelValue() !== null && !!instance.modelValue().length,

[laszlokovari]

I have the same issue with it.