sass-migrator error

_default-variables.scss

$base-font-color: hsla(0, 0%, 13%, 1); // 87% Black
$body-bg: $white !default;
$open-sans: 'open-sans', sans-serif;
$font-family-serif: $open-sans;
$font-family-base: $open-sans;
$body-font-size: 16px;
$letter-spacing: .03em;
$table-cell-padding: 1.25rem !default;
$table-condensed-cell-padding: 1rem !default;
$table-bg: hsla(0, 0%, 95%, .7);
$table-bg-accent: $gray-lighter !default;
$table-bg-hover: hsla(0, 0%, 87%, 1) !default;
$table-bg-active: $table-bg-hover !default;

_tables.scss

$table-cell-padding: 1.25rem !default;
$table-condensed-cell-padding: 1rem !default;
$table-bg: rgba(242, 242, 242, .7);
$table-bg-accent: $gray-lighter !default;
$table-bg-active: $table-bg-hover !default;
$table-border-color: $gray-light !default;

table {
  margin: 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  background-color: $body-bg;
}

table,
tr,
td {
  font-family: $font-family-base;
  font-size: $body-font-size;
  line-height: 1.375em;
  letter-spacing: $letter-spacing;
}

.table-striped {
  > tbody > tr:nth-of-type(odd):hover {
    background-color: $table-bg-accent;
  }

  > tbody > tr:nth-of-type(even):hover {
    background-color: transparent;
  }
}

th {
  a,
  a:hover {
    color: $base-font-color;
  }
}

td,
th {
  padding: 0;
}

.table-responsive,
table {
  padding: 0;
  margin: 0 0 2em 0;
  width: 100%;
}

style.scss

@import 'default-variables';
@import 'tables';