检查一个scss（或css）文件是否仅包含另一个scss（css）文件中规则子集的规则

Question

我有两个文件：all-styles.scss和custom-styles.scss

第一个（all-styles）包含我在应用程序中使用的所有样式。 第二个文件假设包含第一个规则中的一些规则。我想稍后单独处理这些规则（以使它们可自定义）。

我需要检查的是：第二个文件中的规则（自定义样式）是否完全重复第一个文件中相同规则的结构？一种特殊的短绒。

解决此任务的正则表达式/算法有什么好主意吗？

或者也许是现有的工具？到目前为止我没有找到它。

示例：

全styles.scss：

<p> text </p>
<p> more text </p>
<p> text to erase </p> <--- Last

有效的custom-styles.scss：

$brand-primary: #3D215E;
$brand-secondary: #DE9826;

.review {
  font-size: 16px;
  padding: 10px 0;
  background: $background-primary;

  &__section {
    padding: 12px 0 20px;
    color: $brand-secondary;

    @include breakpoint(p3) {
      display: flex;
      align-items: center;
    }
  }
}

custom-styles.scss：

无效

$brand-primary: #3D215E;
$brand-secondary: #DE9826;

.review {
  background: $background-primary;

  &__section {
    color: $brand-secondary;        
  }
}