css – @embody offers Rework Failed Error in Scss

@import "../../../kinds/media-queries";

@mixin mobile-width {
  @embody cellular {
    width: 100%;
  }
}

@mixin desktop-width {
  @embody desktop {
    width: 464px;
  }
  @embody pill {
    width: 464px;
  }
}

@mixin desktop-tablet-properties {
  @embody desktop {
    @content material;
  }
  @embody pill {
    @content material;
  }
}

@mixin mobile-properties {
  @embody cellular {
    @content material;
  }
}

.main-container {
  place: absolute;
  box-sizing: border-box;
  width: 100vw !vital;

  //   @embody desktop-tablet-properties {
  //     high: 165px;
  //   }

  @embody desktop-tablet-properties {
  }
}

Hiya Everybody, I get bizarre “Error: Rework failed with 1 error: ERROR: Unterminated string token” whereas making an attempt to make use of mixin with @embody in my Scss.
Once I remark <@embody> mixin assertion the app Builds completely.

I attempted this with contemporary angular non-production setting It really works.
Additionally, I attempted with including stylePreprocessorOptions in my server Json(in angular.json) as steered in one of many publish however to no avail.

Can somebody Assist?

Thanks