Border section update

[taylornowotny]

The Border section design has been updated to address the following issues:

Problem 1: When styling individual border widths or radii, the text label and the nested icon label would both be colored. Current:

Solution: Do not color the text label when the width/radius property is expanded. When expanded, the nested icon label(s) should be colored instead. New design:

Problem 2: The nested icon labels are using a gray color that stays gray when the icon changes colors to local/remote/overwritten. Current:

Solution: The gray color (foreground.icon.secondary) has been removed. Now we use 30% transparency (opacity 0.3) on part of the icon art and the result is much better. New design:

To do:

• [ ] Replace old border individual width and radii icons with new versions from figma.
• [ ] Do not color the text label when the width/radius property is expanded. When expanded, the nested icon label(s) should be colored instead. See design docs for example. Adjust the tooltips if neccesary - the user should be able to reset individual widths/radii from the tooltip.

Icons: https://www.figma.com/file/sfCE7iLS0k25qCxiifQNLE/%F0%9F%93%9A-Webstudio-Library?type=design&node-id=4435%3A10179&mode=design&t=qOuB7jlYh9ntdhxe-1

Updated design docs: https://www.figma.com/file/xCBegXEWxROLqA1Y31z2Xo/%F0%9F%93%96-Webstudio-Design-Docs?type=design&node-id=2827-47736&mode=design

[taylornowotny]

This issue should be completed after #1832 becuase we do not currently have new tooltips on nested icon labels