实际上，所有变量、mixin和函数都有一个文件是可能的。你分享的例子几乎是正确的，但你只需要使用@forward，而不是@use：

@forward "variables";
@forward "mixins";
@forward "functions";

确保这三份文件是不完整的。
在.jsx中导入这个global.scss文件是无用的，因为它不包含任何样式。但是，您可以做的是配置您的bundler将其自动导入到所有.scss文件中。
例如，如果你使用webpack和sass-loader，你可以使用选项additionalData：

options: {
  additionalData: "@use \"src/scss/global\";"
}

如果你得到一个关于@import loop的错误，你需要排除全局样式文件，这样它们就不会自动导入：

options: {
  additionalData: (content, loaderContext) => {
    const { resourcePath, rootContext } = loaderContext;
    // Assuming your global files are in this folder
    const styleGlobalPathRegex = /^src\\scss\\.*/;
    const relativeFilePath = path.relative(rootContext, resourcePath);
    const isAGlobalStyleFile = relativeFilePath.match(styleGlobalPathRegex);
    return isAGlobalStyleFile ? content : "@use \"src/scss/global\";" + content;
  };
}

如果使用Vite，可以使用css.preprocessorOptions添加：

css: {
  preprocessorOptions: {
    scss: {
      additionalData: ...
    }
  }
}