在Angular中，可以使用styles.scss文件来定义全局的Sass变量，并在整个应用中使用这些变量。

首先，在项目的根目录下创建一个名为styles.scss的文件。在这个文件中，定义你想要的全局Sass变量，例如：

// styles.scss

$screen-sm: 576px;
$screen-md: 768px;
$screen-lg: 992px;
$screen-xl: 1200px;

接下来，在angular.json文件的styles数组中引入styles.scss文件，例如：

"styles": [
  "src/styles.scss"
],

现在，你可以在整个应用中使用这些全局Sass变量了。例如，在组件的样式文件中可以使用@media查询来根据屏幕宽度应用不同的样式，例如：

// component.scss

.my-component {
  background-color: red;

  @media (min-width: $screen-md) {
    background-color: blue;
  }

  @media (min-width: $screen-lg) {
    background-color: green;
  }

  @media (min-width: $screen-xl) {
    background-color: yellow;
  }
}

这样，根据屏幕宽度的不同，.my-component元素的背景颜色将会有所变化。

请确保在使用全局Sass变量之前，重新启动Angular开发服务器以使更改生效。