fix: correct border end width (#4719)

Author: lukewalczak

src/components/SegmentedButtons/utils.ts

@@ -69,7 +69,7 @@ export const getSegmentedButtonBorderRadius = ({
     return {
       borderTopRightRadius: 0,
       borderBottomRightRadius: 0,
-      ...(theme.isV3 && { borderRightWidth: 0 }),
+      ...(theme.isV3 && { borderEndWidth: 0 }),
     };
   } else if (segment === 'last') {
     return {
@@ -79,7 +79,7 @@ export const getSegmentedButtonBorderRadius = ({
   } else {
     return {
       borderRadius: 0,
-      ...(theme.isV3 && { borderRightWidth: 0 }),
+      ...(theme.isV3 && { borderEndWidth: 0 }),
     };
   }
 };

src/components/__tests__/__snapshots__/SegmentedButton.test.tsx.snap

@@ -18,8 +18,8 @@ exports[`renders segmented button 1`] = `
           "backgroundColor": "rgba(232, 222, 248, 1)",
           "borderBottomRightRadius": 0,
           "borderColor": "rgba(121, 116, 126, 1)",
+          "borderEndWidth": 0,
           "borderRadius": 20,
-          "borderRightWidth": 0,
           "borderTopRightRadius": 0,
           "borderWidth": 1,
         },
@@ -73,8 +73,8 @@ exports[`renders segmented button 1`] = `
           },
           {
             "borderBottomRightRadius": 0,
+            "borderEndWidth": 0,
             "borderRadius": 20,
-            "borderRightWidth": 0,
             "borderTopRightRadius": 0,
           },
         ]