sass函数必须每个分支都显式@return，否则返回null导致css失效；返回值须为原生类型，禁用字符串拼接calc()；需校验参数类型与单位，防范null返回引发样式坍缩。
函数每个分支都必须写@return
漏掉某个@if或@else分支末尾的@return，Sass 就认为整个函数“无返回”，最终编译出空值或报Invalid CSS after ""。这不是语法错误，是语义缺失——Sass 不允许隐式返回。
- 检查所有
@if/@else if/@else块末尾是否都有@return，哪怕只是@return null - 别把
@return写在条件块内部却忘了外层兜底，比如只在@if $x > 0里写了@return $a，但$ x ≤ 0时没处理 -
@return后面**不能加分号**（@return 16px;会报错），但括号内表达式可以带分号（@return ($val * 2);合法）
返回值必须是 Sass 原生类型，不是字符串拼接
写@return "calc(#{$value} / 16rem)"看似聪明，实则危险：Sass 会原样输出这串文本，生成width: calc(32px / 16rem);——单位混用、缺少空格，浏览器直接拒收。
- 返回值只能是数字、颜色、布尔、列表等原生类型，不能是拼接的 CSS 字符串
- 需要计算就用 Sass 运算：
@return $value / 16rem，让 Sass 编译时算好，输出2px - 若真要生成 calc()，应返回已计算好的值，再由 CSS 层用
calc()包裹，而非在函数里拼字符串
参数类型未校验导致返回 null 或空
传入null、空字符串""或非法单位（如12缺单位）时，Sass 运算可能静默失败，最终返回null，而null在 CSS 属性中会被编译为空白，样式消失。
- 用
@if not (type-of($input) == number)提前拦截非数字参数 - 对单位敏感的函数，加
@if unitless($input)或@if unit($input) == "px"校验 - 避免用
@return $input * 1这种“强制转数”操作——它不会修复单位缺失问题，反而掩盖错误
函数调用时插值位置错误导致值被丢弃
在 CSS 属性值中直接写font-size: my-px-to-rem($size);没问题，但若写成.class-#{$name} { ... }且$name来自函数返回值，而函数返回null，结果就是.class-这种非法选择器，整条规则被忽略。
- 函数返回值用于类名插值前，先用
@debug确认是否为字符串且非空 - 返回
null或""时，CSS 选择器或属性值会坍缩，浏览器不报错但也不渲染 - 关键路径上避免依赖函数返回“非空字符串”，必要时用
@if $val != null and $val != ""做防御性判断
真正容易被忽略的是：函数返回null在 Sass 中合法，但在 CSS 输出中等于“删掉这一行”。你看到样式没出来，往往不是编译失败，而是它被悄悄吃掉了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
