Shouldn't nested tables get a background color of $table-bg instead of $body-bg?

Created by: johnaau

In a project I am working on, I have set $body-bg to a grey color and have most of my content within cards which have a background color of white.

When I have a table inside of a table, the nested table has a background color of $body-bg so I get a grey table instead of white ($table-bg) like the parent table.

I created an example on codepen.io

Maybe there is a good reason for this, or maybe it should be $table-bg???

SCSS excerpt (_tables.scss):

.table {
  width: 100%;
  margin-bottom: $spacer;
  background-color: $table-bg; // Reset for nesting within parents with `background-color`.

  ...

  .table {
    background-color: $body-bg;
  }
}