fix(dropdowns): use correct v11 size prop

[tay1orjones]

Part of #2785

Changelog

Changed

• Update our usage of dropdowns to use the new size values from v11.

To Review

• View component demos, the dropdowns should now be the proper size
• View the icon library page, the dropdown in the search filter bar should now be properly sized.

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/carbon-design-system/carbondesignsystem/7Tu7gbQPLg6Z5oJjf4bSEbzBdKRN
✅ Preview: https://carbondesignsystem-git-fork-tay1orj-4ce866-carbon-design-system.vercel.app

[tay1orjones]

I pushed an update, I believe the component demo sizes are correct so I reverted them. Added a style fix for the border between dropdowns on the component demo and the width of the dropdowns should now be correct.

[laurenmrice]

Live demo

• The live demo dropdowns that sit on top of the live demo have increased in width and are too long. They should span the width of the demo window only. They should not span the right panel.
• The live demo dropdowns are also missing a vertical rule between them

To be:

Current in this PR:

---

Icons (library tab) and Pictograms (library tab)

• I think there were some overrides set on the dropdowns on both of these pages to match the styling of the Search input that it sits next to. Looks like we need to exclude the $border-strong bottom-border in these scenarios.

To-be:

Current in this PR:

[jnm2377]

The color palette dropdown is also shorter than the content switcher now

[tay1orjones]

@jnm2377 @laurenmrice thanks for the great reviews! All should be fixed with one exception - the icons page will be fixed by #2832

[laurenmrice]

✅

[jnm2377]

unrelated - but as soon as I opened the deploy preview I was like WOAHHH the homepage looks so nice with the light banner updates!