This example demonstrates how Sass variables with `!default` flags and scope-based overrides can produce conflicting CSS rules for an `<input>` element. The code defines a red `$color` token in a "sui-theme" partial, then overrides it to blue in a "vertical-theme" section, while the `$input-token` remains red. The final compiled output shows two separate `input` rules—one with a red background and another with a blue background—plus a `:focus` state using the red token for a box-shadow. The rendering relies on Dart Sass 1.32.12 with expanded output style, using SCSS syntax and no autoprefixer.