Remove trailing margin from HTML elements within markdown tables (#2365)

* Remove trailing margin from last-child within a markdown table cell

* Add changeset

* Move new styles to table-specific file

* Disable `selector-max-compound-selectors` stylelint

Co-authored-by: simurai <[email protected]>

Author: jackbrewer

.changeset/hot-parrots-shave.md

@@ -0,0 +1,5 @@
+---
+'@primer/css': patch
+---
+
+Remove trailing margin from last-child within a markdown table cell

src/markdown/tables.scss

@@ -1,5 +1,5 @@
 // Needs refactoring
-// stylelint-disable selector-max-type
+// stylelint-disable selector-max-type, selector-max-compound-selectors
 .markdown-body {
   // Tables
   table {
@@ -20,6 +20,12 @@
       border: $border-width $border-style var(--color-border-default);
     }
 
+    td {
+      > :last-child {
+        margin-bottom: 0;
+      }
+    }
+
     tr {
       background-color: var(--color-canvas-default);
       border-top: $border-width $border-style var(--color-border-muted);