Styled component bug cleanup

.changeset/hot-planes-check.md

@@ -0,0 +1,7 @@
+---
+'@primer/react': patch
+---
+
+Css styled block fixes
+
+<!-- Changed components: DataTable, Timeline -->

src/DataTable/Table.tsx

@@ -238,6 +238,7 @@ const StyledTable = styled.table<React.ComponentPropsWithoutRef<'table'>>`
       display: grid;
       grid-template-columns: subgrid;
       grid-column: -1 /1;
+    }
   }
 `
 

src/Timeline/Timeline.tsx

@@ -108,7 +108,7 @@ const TimelineBody = styled.div<SxProp>`
 `
 
 const TimelineBreak = styled.div<SxProp>`
-  position: relative
+  position: relative;
   z-index: 1;
   height: 24px;
   margin: 0;

src/deprecated/ActionList/Item.tsx

@@ -293,7 +293,7 @@ const LeadingVisualContainer = styled(ColoredVisualContainer)`
 `
 
 const TrailingContent = styled(ColoredVisualContainer)`
-  color: ${({variant, disabled}) => getItemVariant(variant, disabled).annotationColor}};
+  color: ${({variant, disabled}) => getItemVariant(variant, disabled).annotationColor};
   margin-left: ${get('space.2')};
   margin-right: 0;
   width: auto;

src/deprecated/Button/Button.tsx

@@ -9,7 +9,7 @@ const Button = styled(ButtonBase)<ButtonBaseProps & SxProp>`
   color: ${get('colors.btn.text')};
   background-color: ${get('colors.btn.bg')};
   border: 1px solid ${get('colors.btn.border')};
-  box-shadow: ${get('shadows.btn.shadow')}, ${get('shadows.btn.insetShadow')}};
+  box-shadow: ${get('shadows.btn.shadow')}, ${get('shadows.btn.insetShadow')};
 
   &:hover {
     background-color: ${get('colors.btn.hoverBg')};