Bringing in latest changes from main

Author: dchyun

packages/components/dist/styles/@hashicorp/design-system-components.css

@@ -7104,10 +7104,10 @@ button.hds-button[href]::after {
   justify-content: flex-end;
 }
 .hds-table__thead .hds-table__tr:first-of-type .hds-table__th:first-child {
-  border-top-left-radius: var(--token-border-radius-medium)-1px;
+  border-top-left-radius: calc(var(--token-border-radius-medium) - 1px);
 }
 .hds-table__thead .hds-table__tr:first-of-type .hds-table__th:last-child {
-  border-top-right-radius: var(--token-border-radius-medium)-1px;
+  border-top-right-radius: calc(var(--token-border-radius-medium) - 1px);
 }
 
 .hds-table__th--is-selectable {
@@ -7198,10 +7198,10 @@ button.hds-button[href]::after {
 }
 .hds-table__tbody .hds-table__tr:last-of-type .hds-table__th:first-child,
 .hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:first-child {
-  border-bottom-left-radius: var(--token-border-radius-medium)-1px;
+  border-bottom-left-radius: calc(var(--token-border-radius-medium) - 1px);
 }
 .hds-table__tbody .hds-table__tr:last-of-type .hds-table__td:last-child {
-  border-bottom-right-radius: var(--token-border-radius-medium)-1px;
+  border-bottom-right-radius: calc(var(--token-border-radius-medium) - 1px);
 }
 .hds-table__tbody .hds-table__th,
 .hds-table__tbody .hds-table__td {

packages/components/dist/styles/components/table.scss

@@ -12,7 +12,7 @@
 
 $hds-table-border-radius: var(--token-border-radius-medium);
 $hds-table-border-width: 1px;
-$hds-table-inner-border-radius: $hds-table-border-radius - $hds-table-border-width;
+$hds-table-inner-border-radius: calc(#{$hds-table-border-radius} - #{$hds-table-border-width});
 $hds-table-border-color: var(--token-color-border-primary);
 $hds-table-header-height: 48px;
 $hds-table-cell-padding-medium: 14px 16px 13px 16px; // the 1px difference is to account for the bottom border