fix(logicbutton): defines border style

- border-style: solid removes the 3D effect on the button border
- adds a note to the changeset

Author: marissahuysentruyt

.changeset/smart-spoons-sneeze.md

@@ -5,6 +5,7 @@
 "@spectrum-css/link": patch
 "@spectrum-css/picker": patch
 "@spectrum-css/floatingactionbutton": patch
+"@spectrum-css/logicbutton": patch
 ---
 
 ### S2 button fixes
@@ -47,3 +48,7 @@ PRs used as reference:
 ### S2 floating action button fix
 
 Opts to use the color property as opposed to fill for the icon. This correctly passes the floating action button icon colors to the component, to override the fill property style that is set on the embedded `.spectrum-Icon`.
+
+### S2 logic button fix
+
+Adds `border-style: solid` to the styles to avoid a 3D effect on the border.

components/logicbutton/index.css

@@ -40,6 +40,7 @@
 	padding: var(--mod-logic-button-padding, var(--spectrum-component-edge-to-text-50));
 
 	border-width: var(--mod-logic-button-border-width, var(--spectrum-border-width-200));
+	border-style: solid;
 	border-radius: var(--mod-logic-button-border-radius, var(--spectrum-logic-button-border-radius));
 
 	font-size: var(--mod-logic-button-font-size, var(--spectrum-font-size-100));