React/border width color style via style props (#4161)

* add border color, width and style in style props

* Create happy-jeans-wonder.md

* update borderColor and borderWidth prop types

* update react test snapshot

* Update packages/react/src/primitives/shared/constants.ts

Co-authored-by: Heather Buchel <hbuchel@gmail.com>

* updated test snaps

* chore: update borderWidth to use BorderWidthKeys, export BorderWidthKeys from ui package

* chore: update docs props tables

* chore: update changeset to include ui package

---------

Co-authored-by: judygab <ivditigabeskiria@gmail.com>
Co-authored-by: Heather Buchel <buchel@amazon.com>
Co-authored-by: judygab <50160672+judygab@users.noreply.github.com>
Co-authored-by: Ioana Brooks <68251134+ioanabrooks@users.noreply.github.com>

Author: 4 people

.changeset/happy-jeans-wonder.md

@@ -0,0 +1,6 @@
+---
+"@aws-amplify/ui-react": patch
+"@aws-amplify/ui": patch
+---
+
+Add `borderColor`, `borderWidth`, and `borderStyle` style props

docs/tests/__snapshots__/props-table.test.ts.snap

@@ -12469,6 +12469,27 @@ exports[`Props Table 1`] = `
                         \\"category\\": \\"Style\\",
                         \\"isOptional\\": true
                     },
+                    \\"borderColor\\": {
+                        \\"name\\": \\"borderColor\\",
+                        \\"type\\": \\"ResponsiveStyle<ColorKeys<StyleToken<Property.BorderColor>>>\\",
+                        \\"description\\": \\"Shorthand CSS property that sets an element's border-color. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-color)\\",
+                        \\"category\\": \\"Style\\",
+                        \\"isOptional\\": true
+                    },
+                    \\"borderWidth\\": {
+                        \\"name\\": \\"borderWidth\\",
+                        \\"type\\": \\"ResponsiveStyle<\\\\n    BorderWidthKeys<StyleToken<Property.BorderWidth>>\\\\n  >\\",
+                        \\"description\\": \\"Shorthand CSS property that sets an element's border-width. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-width)\\",
+                        \\"category\\": \\"Style\\",
+                        \\"isOptional\\": true
+                    },
+                    \\"borderStyle\\": {
+                        \\"name\\": \\"borderStyle\\",
+                        \\"type\\": \\"ResponsiveStyle<StyleToken<Property.BorderStyle>>\\",
+                        \\"description\\": \\"Shorthand CSS property that sets an element's border-style. See: [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/border-style)\\",
+                        \\"category\\": \\"Style\\",
+                        \\"isOptional\\": true
+                    },
                     \\"borderRadius\\": {
                         \\"name\\": \\"borderRadius\\",
                         \\"type\\": \\"ResponsiveStyle<RadiiKeys<StyleToken<Property.BorderRadius>>>\\",