SCSS中不存在meta.call()函数，Dart Sass的meta模块仅提供meta.module-variables、meta.get-function等编译期工具函数，不支持反射式动态调用；所有函数调用必须显式写出，动态逻辑应交由JS在运行时处理。
meta.call 不能用于“动态调用 CSS 生成函数”——它根本不存在于 Dart Sass 中，也不是合法的 Sass 函数。
SCSS 里没有 meta.call() 这个函数
Dart Sass 的 meta 模块只提供有限几个编译期工具函数，比如 meta.module-variables、meta.get-function、meta.type-of。它**不包含 meta.call**，任何声称能用它“动态执行样式函数”的文档或示例，都是混淆了 JS 运行时能力或自研构建插件的私有 API。
常见错误现象：
- 写
@debug meta.call($fn, $arg)，报错：Undefined function "meta.call" - 在 Vite 插件或 PostCSS 插件中看到类似语法，误以为是 Sass 原生能力
- 把 JS 的
fn.apply()逻辑强行映射到 SCSS，结果编译直接失败
想“动态选择”样式逻辑，真正可行的路径只有两个
Sass 是静态编译语言，所有分支必须在构建时确定。所谓“动态”，本质是提前枚举所有可能路径，再靠条件或循环展开。
立即学习“前端免费学习笔记（深入）”；
- 用
@if/@else根据变量值选择不同样式块：比如@if $variant == "outline" { border: 2px solid $color; } - 用
@each遍历 map，为每个键生成一套规则：比如遍历$button-variants生成.btn-primary、.btn-outline - 把共性抽成
@mixin，通过参数控制变体，而不是试图“调用函数名字符串”
为什么不能用变量名拼接后“调用”？
Sass 不支持反射式函数调用。下面这些写法全部非法：
-
$fn-name: "lighten"; @debug #{$fn-name}($color, 10%)→ 报错：Invalid CSS after "$fn-name": expected "}", was "($color, 10%)" -
@include #{$mixin-name}→ 编译失败，@include只接受字面量名称 -
@function #{$name}() { @return ... }→ 语法错误，函数名不可插值
所有函数定义和调用都必须在源码中显式写出，Sass 解析器不会在运行时解析字符串并匹配函数。
真正需要“动态行为”的地方，该交给 JS
比如按钮点击后切换主题色、根据用户偏好加载某套尺寸配置——这些动作发生在浏览器里，SCSS 早已编译完毕。此时应：
- 用 SCSS 提前生成所有主题对应的 CSS 规则（如
:root[data-theme="dark"] { --color-bg: #0f172a; }） - 由 JS 控制
document.documentElement.dataset.theme = "dark" - 让 CSS 自定义属性 + 属性选择器驱动样式变化，而非指望 Sass “运行时调用”
混淆编译期和运行期，是绝大多数“meta.call”类问题的根源。Sass 负责把结构写清楚，JS 负责把状态管起来——边界划清了，就不会反复踩坑。
