fix(cdk/dialog): provide proper shaped Directionality

#30702 added a `valueSignal`
property to `Directionality`, this PR adds it to the directionality
provided by cdk-dialog as well.

Author: mmalerba

src/cdk/dialog/dialog.ts

@@ -7,26 +7,27 @@
  */
 
 import {
-  TemplateRef,
+  ComponentRef,
   Injectable,
   Injector,
   OnDestroy,
-  Type,
   StaticProvider,
-  ComponentRef,
+  TemplateRef,
+  Type,
   inject,
+  signal,
 } from '@angular/core';
+import {Observable, Subject, defer, of as observableOf} from 'rxjs';
+import {startWith} from 'rxjs/operators';
+import {_IdGenerator} from '../a11y';
+import {Directionality} from '../bidi';
+import {ComponentType, Overlay, OverlayConfig, OverlayContainer, OverlayRef} from '../overlay';
 import {BasePortalOutlet, ComponentPortal, TemplatePortal} from '../portal';
-import {of as observableOf, Observable, Subject, defer} from 'rxjs';
-import {DialogRef} from './dialog-ref';
 import {DialogConfig} from './dialog-config';
-import {Directionality} from '../bidi';
-import {_IdGenerator} from '../a11y';
-import {ComponentType, Overlay, OverlayRef, OverlayConfig, OverlayContainer} from '../overlay';
-import {startWith} from 'rxjs/operators';
+import {DialogRef} from './dialog-ref';
 
-import {DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_SCROLL_STRATEGY} from './dialog-injectors';
 import {CdkDialogContainer} from './dialog-container';
+import {DEFAULT_DIALOG_CONFIG, DIALOG_DATA, DIALOG_SCROLL_STRATEGY} from './dialog-injectors';
 
 @Injectable({providedIn: 'root'})
 export class Dialog implements OnDestroy {
@@ -315,9 +316,16 @@ export class Dialog implements OnDestroy {
       (!userInjector ||
         !userInjector.get<Directionality | null>(Directionality, null, {optional: true}))
     ) {
+      const valueSignal = signal(config.direction);
       providers.push({
         provide: Directionality,
-        useValue: {value: config.direction, change: observableOf()},
+        useValue: {
+          valueSignal,
+          get value() {
+            return valueSignal();
+          },
+          change: observableOf(),
+        },
       });
     }