> @html-next/flexi-layouts@3.0.0-alpha.0 test:development /Users/runspired/github/oss/flexi/packages/flexi-layouts > ember test --test-port=0 [?25l⠋ Building[?25hEnvironment: test [?25l⠋ Building⠙ building... ⠹ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠸ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠼ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠴ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠦ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠧ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠇ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠏ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠋ building... [Babel: ember-cache-primitive-polyfill > applyPatches]⠙ building... [Babel: ember-source > applyPatches]⠹ building... [Babel: @embroider/macros > applyPatches]⠸ building... [Babel: @embroider/macros > applyPatches]⠼ building... [Babel: @embroider/macros > applyPatches]⠴ building... [Babel: @embroider/macros > applyPatches]⠦ building... [Babel: @embroider/macros > applyPatches]⠧ building... [Babel: @embroider/macros > applyPatches]⠇ building... [Babel: @embroider/macros > applyPatches]⠏ building... [Babel: @embroider/macros > applyPatches]⠋ building... [Babel: @embroider/macros > applyPatches]⠙ building... [Babel: @embroider/macros > applyPatches]⠹ building... [Babel: @embroider/macros > applyPatches]⠸ building... [Babel: @ember/render-modifiers > applyPatches]⠼ building... [Babel: @ember/render-modifiers > applyPatches]⠴ building... [Babel: @ember/render-modifiers > applyPatches]⠦ building... [Babel: @ember/render-modifiers > applyPatches]⠧ building... [Babel: @ember/render-modifiers > applyPatches]⠇ building... [Babel: @ember/render-modifiers > applyPatches]⠏ building... [Babel: @ember/render-modifiers > applyPatches]⠋ building... [Babel: @ember/render-modifiers > applyPatches]⠙ building... [Babel: @ember/render-modifiers > applyPatches]⠹ building... [Babel: @ember/render-modifiers > applyPatches]⠸ building... [Babel: @ember/render-modifiers > applyPatches]⠼ building... [Babel: @ember/render-modifiers > applyPatches]⠴ building... [Babel: @ember/render-modifiers > applyPatches]⠦ building... [Babel: @ember/render-modifiers > applyPatches]⠧ building... [Babel: @glimmer/component > applyPatches]⠇ building... [Babel: @glimmer/component > applyPatches]⠏ building... [Babel: @glimmer/component > applyPatches]⠋ building... [Babel: @glimmer/component > applyPatches]⠙ building... [Babel: @glimmer/component > applyPatches]⠹ building... [Babel: @glimmer/component > applyPatches]⠸ building... [Babel: @glimmer/component > applyPatches]⠼ building... [Babel: @glimmer/component > applyPatches]⠴ building... [Babel: @glimmer/component > applyPatches]⠦ building... [Babel: @glimmer/component > applyPatches]⠧ building... [Babel: @glimmer/component > applyPatches]⠇ building... [Babel: @glimmer/component > applyPatches]⠏ building... [Babel: @html-next/flexi-layouts > applyPatches]⠋ building... [Babel: @html-next/flexi-layouts > applyPatches]⠙ building... [Babel: @html-next/flexi-layouts > applyPatches]⠹ building... [Babel: @html-next/flexi-layouts > applyPatches]⠸ building... [Babel: @html-next/flexi-layouts > applyPatches]⠼ building... [Babel: @html-next/flexi-layouts > applyPatches]⠴ building... [Babel: @html-next/flexi-layouts > applyPatches]⠦ building... [Babel: @html-next/flexi-layouts > applyPatches]⠧ building... [Babel: @html-next/flexi-layouts > applyPatches]⠇ building... [Babel: @html-next/flexi-layouts > applyPatches]⠏ building... [Babel: @html-next/flexi-layouts > applyPatches]⠋ building... [Babel: @html-next/flexi-layouts > applyPatches]⠙ building... [Babel: @html-next/flexi-layouts > applyPatches]⠹ building... [Babel: @html-next/flexi-layouts > applyPatches]⠸ building... [Babel: @html-next/flexi-layouts > applyPatches]⠼ building... [Babel: @html-next/flexi-layouts > applyPatches]⠴ building... [Babel: @html-next/flexi-layouts > applyPatches]⠦ building... [Babel: @html-next/flexi-layouts > applyPatches]⠧ building... [Babel: @html-next/flexi-layouts > applyPatches]⠇ building... [Babel: @html-next/flexi-layouts > applyPatches]⠏ building... [Babel: @html-next/flexi-layouts > applyPatches]⠋ building... [Babel: @html-next/flexi-layouts > applyPatches]Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 1 │ @import "variables";  │  ^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 1:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 3 │ @import "mixins/index";  │  ^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 3:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 4 │ @import "grid/grid";  │  ^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 5 │ @import "helpers/index";  │  ^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 5:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 6 │ @import "components/index";  │  ^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 6:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use list.nth instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 42 │ $bp-prefix: nth($breakpoint-setup, 1);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 42:17 make-columns() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_grid.scss 5:3 @import /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use map.get instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 14 │ $breakpoint: map-get($breakpoints, $name);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 14:16 breakpoint-up() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 46:5 make-columns() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_grid.scss 5:3 @import /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use list.nth instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 15 │ $prefix: nth($breakpoint, 1);  │  ^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 15:12 breakpoint-up() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 46:5 make-columns() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_grid.scss 5:3 @import /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use map.get instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 7 │ $breakpoint: map-get($breakpoints, $name);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_functions.scss 7:16 breakpoint-min() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 16:9 breakpoint-up() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 46:5 make-columns() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_grid.scss 5:3 @import /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use list.nth instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 8 │ $min: nth($breakpoint, 2);  │  ^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_functions.scss 8:9 breakpoint-min() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 16:9 breakpoint-up() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_mixins.scss 46:5 make-columns() /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/grid/_grid.scss 5:3 @import /tmp/broccoli-30708xOezTRJeGTQI/out-069-funnel_funnel_styles/addon.scss 4:9 root stylesheet Warning: 29 repetitive deprecation warnings omitted. Run in verbose mode to see all warnings. ⠙ building... [SassCompiler]⠹ building... [TemplateCompiler > applyPatches]broccoli-babel-transpiler is opting out of caching due to a plugin that does not provide a caching strategy: `function embroiderFirstMacrosTransform(env) { if (!opts.packageRoot && !env.filename) { throw new Error(`bug in @embroider/macros. Running without packageRoot but don't have filename.`); } let packageCache = shared_internals_1.RewrittenPackageCache.shared('embroider', opts.appRoot); let scopeStack = []; // packageRoot is set when we run inside classic ember-cli. Otherwise we're in // Embroider, where we can use absolute filenames. const moduleName = opts.packageRoot ? env.meta.moduleName : env.filename; return { name: '@embroider/macros/first', visitor: { ...scopeVisitors(env, scopeStack), SubExpression(node, walker) { if (node.path.type !== 'PathExpression') { return; } if (inScope(scopeStack, headOf(node.path))) { return; } if (node.path.original === 'macroGetOwnConfig') { return (0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, true, packageCache), env.syntax.builders); } if (node.path.original === 'macroGetConfig') { return (0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, false, packageCache), env.syntax.builders); } if (node.path.original === 'macroDependencySatisfies') { const staticValue = (0, literal_1.default)((0, dependency_satisfies_1.default)(node, opts.packageRoot, moduleName, packageCache), env.syntax.builders); // If this is a macro expression by itself, then turn it into a macroCondition for the second pass to prune. // Otherwise assume it's being composed with another macro and evaluate it as a literal if (walker.parent.node.path.original === 'if') { return env.syntax.builders.sexpr('macroCondition', [staticValue]); } return staticValue; } }, MustacheStatement(node) { if (node.path.type !== 'PathExpression') { return; } if (inScope(scopeStack, headOf(node.path))) { return; } if (node.path.original === 'macroGetOwnConfig') { return env.syntax.builders.mustache((0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, true, packageCache), env.syntax.builders)); } if (node.path.original === 'macroGetConfig') { return env.syntax.builders.mustache((0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, false, packageCache), env.syntax.builders)); } if (node.path.original === 'macroDependencySatisfies') { return env.syntax.builders.mustache((0, literal_1.default)((0, dependency_satisfies_1.default)(node, opts.packageRoot, moduleName, packageCache), env.syntax.builders)); } }, }, }; }`. ⠸ building... [Babel: @html-next/flexi-layouts > applyPatches]⠼ building... [Babel: @html-next/flexi-layouts > applyPatches]⠴ building... [ember-auto-import-analyzer]⠦ building... [Package /assets/vendor.js]Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 1 │ @import "variables";  │  ^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 1:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 2 │ @import "defaults/index";  │  ^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 3 │ @import "mixins/index";  │  ^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 3:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use color.adjust instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 5 │ $theme-light-green: lighten($theme-green, 50%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/_variables.scss 5:21 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 1:9 root stylesheet Deprecation Warning: lighten() is deprecated. Suggestions: color.scale($color, $lightness: 92.7272727273%) color.adjust($color, $lightness: 50%) More info: https://sass-lang.com/d/color-functions  ╷ 5 │ $theme-light-green: lighten($theme-green, 50%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/_variables.scss 5:21 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 1:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 1 │ @import "normalize";  │  ^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 1:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0. More info and automated migrator: https://sass-lang.com/d/import  ╷ 2 │ @import "headers";  │  ^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use color.adjust instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 57 │ background: lighten($theme-dark, 3%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_table.scss 57:15 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 3:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: lighten() is deprecated. Suggestions: color.scale($color, $lightness: 3.1611570248%) color.adjust($color, $lightness: 3%) More info: https://sass-lang.com/d/color-functions  ╷ 57 │ background: lighten($theme-dark, 3%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_table.scss 57:15 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 3:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use color.adjust instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 60 │ background: lighten($theme-dark, 6%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_table.scss 60:15 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 3:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: lighten() is deprecated. Suggestions: color.scale($color, $lightness: 6.3223140496%) color.adjust($color, $lightness: 6%) More info: https://sass-lang.com/d/color-functions  ╷ 60 │ background: lighten($theme-dark, 6%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_table.scss 60:15 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 3:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use color.adjust instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 3 │ color: darken($theme-green, 30%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_buttons.scss 3:10 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 4:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: darken() is deprecated. Suggestions: color.scale($color, $lightness: -65.1063829787%) color.adjust($color, $lightness: -30%) More info: https://sass-lang.com/d/color-functions  ╷ 3 │ color: darken($theme-green, 30%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_buttons.scss 3:10 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 4:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: Global built-in functions are deprecated and will be removed in Dart Sass 3.0.0. Use color.adjust instead. More info and automated migrator: https://sass-lang.com/d/import  ╷ 7 │ border: 1px solid lighten($theme-green, 10%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_buttons.scss 7:21 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 4:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Deprecation Warning: lighten() is deprecated. Suggestions: color.scale($color, $lightness: 18.5454545455%) color.adjust($color, $lightness: 10%) More info: https://sass-lang.com/d/color-functions  ╷ 7 │ border: 1px solid lighten($theme-green, 10%);  │  ^^^^^^^^^^^^^^^^^^^^^^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_buttons.scss 7:21 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 4:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: You probably don't mean to use the color value orange in interpolation here. It may end up represented as orange, which will likely produce invalid CSS. Always quote color names when using them as strings or map keys (for example, "orange"). If you really want to use the color value here, use '"" + $name'.  ╷ 2 │ .bg-#{$name} {  │  ^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_colors.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 5:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: You probably don't mean to use the color value blue in interpolation here. It may end up represented as blue, which will likely produce invalid CSS. Always quote color names when using them as strings or map keys (for example, "blue"). If you really want to use the color value here, use '"" + $name'.  ╷ 2 │ .bg-#{$name} {  │  ^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_colors.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 5:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: You probably don't mean to use the color value green in interpolation here. It may end up represented as green, which will likely produce invalid CSS. Always quote color names when using them as strings or map keys (for example, "green"). If you really want to use the color value here, use '"" + $name'.  ╷ 2 │ .bg-#{$name} {  │  ^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_colors.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 5:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: You probably don't mean to use the color value fuchsia in interpolation here. It may end up represented as magenta, which will likely produce invalid CSS. Always quote color names when using them as strings or map keys (for example, "fuchsia"). If you really want to use the color value here, use '"" + $name'.  ╷ 2 │ .bg-#{$name} {  │  ^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_colors.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 5:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: You probably don't mean to use the color value gray in interpolation here. It may end up represented as grey, which will likely produce invalid CSS. Always quote color names when using them as strings or map keys (for example, "gray"). If you really want to use the color value here, use '"" + $name'.  ╷ 2 │ .bg-#{$name} {  │  ^^^^^  ╵ /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_colors.scss 2:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/defaults/_index.scss 5:9 @import /tmp/broccoli-30708xOezTRJeGTQI/out-121-funnel_funnel_styles/app/styles/app.scss 2:9 root stylesheet Warning: 22 repetitive deprecation warnings omitted. Run in verbose mode to see all warnings. ⠧ building... [SassCompiler]broccoli-babel-transpiler is opting out of caching due to a plugin that does not provide a caching strategy: `function embroiderFirstMacrosTransform(env) { if (!opts.packageRoot && !env.filename) { throw new Error(`bug in @embroider/macros. Running without packageRoot but don't have filename.`); } let packageCache = shared_internals_1.RewrittenPackageCache.shared('embroider', opts.appRoot); let scopeStack = []; // packageRoot is set when we run inside classic ember-cli. Otherwise we're in // Embroider, where we can use absolute filenames. const moduleName = opts.packageRoot ? env.meta.moduleName : env.filename; return { name: '@embroider/macros/first', visitor: { ...scopeVisitors(env, scopeStack), SubExpression(node, walker) { if (node.path.type !== 'PathExpression') { return; } if (inScope(scopeStack, headOf(node.path))) { return; } if (node.path.original === 'macroGetOwnConfig') { return (0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, true, packageCache), env.syntax.builders); } if (node.path.original === 'macroGetConfig') { return (0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, false, packageCache), env.syntax.builders); } if (node.path.original === 'macroDependencySatisfies') { const staticValue = (0, literal_1.default)((0, dependency_satisfies_1.default)(node, opts.packageRoot, moduleName, packageCache), env.syntax.builders); // If this is a macro expression by itself, then turn it into a macroCondition for the second pass to prune. // Otherwise assume it's being composed with another macro and evaluate it as a literal if (walker.parent.node.path.original === 'if') { return env.syntax.builders.sexpr('macroCondition', [staticValue]); } return staticValue; } }, MustacheStatement(node) { if (node.path.type !== 'PathExpression') { return; } if (inScope(scopeStack, headOf(node.path))) { return; } if (node.path.original === 'macroGetOwnConfig') { return env.syntax.builders.mustache((0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, true, packageCache), env.syntax.builders)); } if (node.path.original === 'macroGetConfig') { return env.syntax.builders.mustache((0, literal_1.default)((0, get_config_1.default)(node, opts.configs, opts.packageRoot, moduleName, false, packageCache), env.syntax.builders)); } if (node.path.original === 'macroDependencySatisfies') { return env.syntax.builders.mustache((0, literal_1.default)((0, dependency_satisfies_1.default)(node, opts.packageRoot, moduleName, packageCache), env.syntax.builders)); } }, }, }; }`. ⠇ building... [Babel: @html-next/flexi-layouts > applyPatches]⠏ building... [ember-auto-import-webpack]⠋ building... [ember-auto-import-webpack]⠙ building... [ember-auto-import-webpack]⠹ building... [ember-auto-import-webpack]⠸ building... [ember-auto-import-webpack]⠼ building... [ember-auto-import-webpack]⠴ building... [ember-auto-import-webpack]⠦ building... [ember-auto-import-webpack]⠧ building... [ember-auto-import-webpack]⠇ building... [ember-auto-import-webpack]⠏ building... [ember-auto-import-webpack]⠋ building... [SRIHashAssets][?25h[?25h[?25l⠋ cleaning up[?25hcleaning up... [?25l⠋ cleaning up[?25hBuilt project successfully. Stored in "/tmp/tests-dist-2024931-30708-bxurum.eofd8". ok 1 Chrome 130.0 - [71 ms] - Acceptance | classic layouts: visiting /classic-layout-testroute ok 2 Chrome 130.0 - [52 ms] - Acceptance | layouts: visiting /tests/layouts ok 3 Chrome 130.0 - [48 ms] - Acceptance | mobile-first: Breakpoints fall back to the closest defined breakpoint ok 4 Chrome 130.0 - [69 ms] - Integration | Component | flexi container: it renders in component form ok 5 Chrome 130.0 - [3610 ms] - Integration | Component | flexi container: huge responsive containers are responsive skip 6 Chrome 130.0 - [0 ms] - Integration | Component | flexi container: it does not throw an error when a container is destroyed during a rerender ok 7 Chrome 130.0 - [3603 ms] - Integration | Component | flexi grid: it renders in component form ok 8 Chrome 130.0 - [5344 ms] - Integration | Component | flexi grid: responsive grids are responsive ok 9 Chrome 130.0 - [41 ms] - Integration | Component | flexi grid: it renders in angle bracket form ok 10 Chrome 130.0 - [0 ms] - Unit | Helper | inject layout: it works ok 11 Chrome 130.0 - [15 ms] - Unit | Service | device/layout: can check orientation of device ok 12 Chrome 130.0 - [15 ms] - Unit | Service | device/layout: triggers events for browser resize (width) ok 13 Chrome 130.0 - [15 ms] - Unit | Service | device/layout: triggers events for browser resize (height) ok 14 Chrome 130.0 - [15 ms] - Unit | Service | device/layout: triggers events for browser resize (resize) ok 15 Chrome 130.0 - [15 ms] - Unit | Service | device/layout: currentWidth and currentHeight use the correct values from the window ok 16 Chrome 130.0 - [1 ms] - ember-qunit: Ember.onerror validation: Ember.onerror is functioning properly 1..16 # tests 16 # pass 15 # skip 1 # todo 0 # fail 0 # ok