Compile sass

[data-handler]

I have created a theme.scss file, as per instructions here and am trying to compile it using dart sass but receive the following error:

Can't find stylesheet to import.
╷
26 │ @use '@material/feature-targeting/feature-targeting';

My theme.scss file:

@use "@material/theme" with (
  $primary: #BB86FC,
  $secondary: #03DAC6,
  $background: #121212
);

How do I compile my theme.scss file? I cannot find any information on which tool to use.

[data-handler]

I updated my theme.scss file to the following and compilation worked

@use "@material/theme" with (
  $primary: #BB86FC,
  $secondary: #03DAC6,
  $background: #121212,
  $surface: #121212,
  $error: #CF6679,
  $on-primary: #000000,
  $on-secondary: #000000,
  $on-surface: #FFFFFF,
  $on-error: #000000
);

@import "@material/button/mdc-button";
@import "@material/ripple/mdc-ripple";
@import '@material/dialog/mdc-dialog';
@import '@material/floating-label/mdc-floating-label';
@import '@material/line-ripple/mdc-line-ripple';
@import '@material/notched-outline/mdc-notched-outline';
@import '@material/textfield/mdc-text-field';
@import '@material/tab/mdc-tab';
@import '@material/tab-bar/mdc-tab-bar';
@import '@material/tab-indicator/mdc-tab-indicator';
@import '@material/tab-scroller/mdc-tab-scroller';
@import '@material/radio/mdc-radio';
@import '@material/form-field/mdc-form-field';
@import '@material/data-table/mdc-data-table';
@import '@material/icon-button/mdc-icon-button';
@import '@material/checkbox/mdc-checkbox';
@import '@material/layout-grid/mdc-layout-grid';
@import '@material/list/mdc-list';

Not sure if this is the correct way to do this?