[Bug]: Quiet Picker has incorrect hover effect

[Rocss]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-picker

Expected behavior

Spectrum CSS: Quiet XL Picker -> hover

Actual behavior

SWC: Quiet XL Picker -> hover

Screenshots

No response

What browsers are you seeing the problem in?

No response

How can we reproduce this issue?

1. Go to https://opensource.adobe.com/spectrum-web-components/components/picker/
2. Click on "Size" and select XL or L
3. Select "Quiet"
4. Hover over the Picker
5. See the background color being applied

Sample code that illustrates the problem

Seems like the problem is that the CSS for the quiet variant of the sp-picker was not correctly processed:

:host([open]) #button:not(.spectrum-Picker--quiet) {

observe the spectrum-Picker--quiet class which should be translated to the HTML quiet attribute.

Also, in the storybook, the sp-label-field should have the same size as the sp-picker, or else it looks weird and the sp-picker climbs over the sp-label-field

Logs taken while reproducing problem

No response