refactor(cdk/scrolling): switch to service decorator

Switches all injectables to use the new `@Service` decorator.

Author: crisbeto

src/cdk/scrolling/scroll-dispatcher.ts

@@ -8,7 +8,7 @@
 
 import {coerceElement} from '../coercion';
 import {Platform} from '../platform';
-import {ElementRef, Injectable, NgZone, OnDestroy, RendererFactory2, inject} from '@angular/core';
+import {ElementRef, Service, NgZone, OnDestroy, RendererFactory2, inject} from '@angular/core';
 import {of as observableOf, Subject, Subscription, Observable, Observer} from 'rxjs';
 import {auditTime, filter} from 'rxjs/operators';
 import type {CdkScrollable} from './scrollable';
@@ -20,7 +20,7 @@ export const DEFAULT_SCROLL_TIME = 20;
  * Service contained all registered Scrollable references and emits an event when any one of the
  * Scrollable references emit a scrolled event.
  */
-@Injectable({providedIn: 'root'})
+@Service()
 export class ScrollDispatcher implements OnDestroy {
   private _ngZone = inject(NgZone);
   private _platform = inject(Platform);

src/cdk/scrolling/viewport-ruler.ts

@@ -7,7 +7,7 @@
  */
 
 import {Platform} from '../platform';
-import {Injectable, NgZone, OnDestroy, RendererFactory2, inject, DOCUMENT} from '@angular/core';
+import {Service, NgZone, OnDestroy, RendererFactory2, inject, DOCUMENT} from '@angular/core';
 import {Observable, Subject} from 'rxjs';
 import {auditTime} from 'rxjs/operators';
 
@@ -24,7 +24,7 @@ export interface ViewportScrollPosition {
  * Simple utility for getting the bounds of the browser viewport.
  * @docs-private
  */
-@Injectable({providedIn: 'root'})
+@Service()
 export class ViewportRuler implements OnDestroy {
   private _platform = inject(Platform);
   private _listeners: (() => void)[] | undefined;