Unable to manipulate CSS/styling for the placeholder

The placeholder is created in a shadow DOM right now and there's no way to modify the styling.

Please at least add "part" attributes on the elements within the shadow DOM to allow developers to customize the stylings.

Or, another alternative is to add another props like "placeholderStyle".

Start by locating how the placeholder is created in the component's shadow DOM and inspect the current public props. Compare the requested part attributes and placeholderStyle alternatives, then verify that developers can customize the placeholder styling through the chosen API.

Written by the indexing model from the issue text.