Update docs-app

Author: NullVoxPopuli

docs-app/app/modifiers/draw-stacked-chart.ts

@@ -3,7 +3,6 @@
 /* eslint-disable @typescript-eslint/unbound-method, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return */
 import { registerDestructor } from '@ember/destroyable';
 import { action } from '@ember/object';
-import { type Registry as Services, service } from '@ember/service';
 import { extent, max, rollup, ticks } from 'd3-array';
 import { axisBottom, axisLeft } from 'd3-axis';
 import { scaleBand, scaleLinear, scaleOrdinal } from 'd3-scale';
@@ -15,6 +14,7 @@ import {
   formatRevenue,
 } from 'docs-app/utils/components/widgets/widget-2';
 import Modifier from 'ember-modifier';
+import { resizeObserver } from 'ember-primitives/resize-observer';
 
 const musicFormats = Object.keys(COLOR_PALETTE);
 const paletteColors = Object.values(COLOR_PALETTE);
@@ -29,11 +29,11 @@ interface DrawStackedChartSignature {
 }
 
 export default class DrawStackedChartModifier extends Modifier<DrawStackedChartSignature> {
-  @service declare resizeObserver: Services['resize-observer'];
-
   _element = undefined;
   _named = {};
   height = 0;
+  resizeObserver = resizeObserver(this);
+
   width = 0;
 
   get color() {

docs-app/package.json

@@ -92,6 +92,7 @@
     "ember-load-initializers": "^3.0.1",
     "ember-modifier": "^4.2.2",
     "ember-page-title": "^9.0.3",
+    "ember-primitives": "^0.42.1",
     "ember-qunit": "^9.0.4",
     "ember-resolver": "^13.1.1",
     "ember-source": "~6.8.1",