Repository: angular
Issue: angular language service ignores tsconfig paths working in nx monorepo + vscode
Labels: area: language-service

### Which @angular/* package(s) are the source of the bug?

language-service

### Is this a regression?

No

### Description

Our projects structure:
/apps/frontend/ 
/libs/icons/

In our root tsconfig we have the following value unders paths:
```
[
  ...,
  "@rezonapp/icons": ["libs/icons"],
  "@rezonapp/icons/*": ["libs/icons/*"],
]
```

We recently moved from from IntelliJ to VSCode. 
Using intellij, when I try to add a component (ex. \<z-icon>) from ui-components into the template of a component in frontend (ex \<app>), I get an automatic import from ```import { IconsComponent } from '@rezonapp/icons/src/lib/icons/icon.component';```

In VSCode, when I try to do the same thing (add the \<z-icon> component to the template string of AppComponent), I get an auto import for ```import { IconsComponent } from "../../../../libs/icons/src/lib/icons/icon.component";```

**If I try to import IconsComponent directly into TS code, outside of a template, I get the proper path import suggestion (from @rezonapp/icons)**

Looking at language server logs I see no suggestion using the paths from tsconfig:
```
{
        "title": "Import IconsComponent from '../../../../libs/icons/src/lib/icons/icon.component' on AppComponent",
        "kind": "quickfix",
        "diagnostics": [
            {
                "range": {
                    "start": {
                        "line": 11,
                        "character": 2
                    },
                    "end": {
                        "line": 12,
                        "character": 1
                    }
                },
                "message": "'z-icon' is not a known element:\n1. If 'z-icon' is an Angular component, then verify that it is included in the '@Component.imports' of this component.\n2. If 'z-icon' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message.",
                "code": -998001,
                "severity": 1,
                "source": "ngtsc"
            },
            {
                "range": {
                    "start": {
                        "line": 11,
                        "character": 2
                    },
                    "end": {
                        "line": 12,
                        "character": 1
                    }
                },
                "message": "Opening tag \"z-icon\" not terminated.",
                "code": -995002,
                "severity": 1,
                "source": "ngtsc"
            }
        ],
...
}
```

### Please provide a link to a minimal reproduction of the bug

_No response_

### Please provide the exception or error you saw

_No response_

### Please provide the environment you discovered this bug in (run `ng version`)

```true
Angular CLI: 16.2.0
Node: 18.16.1
Package Manager: npm 9.8.1
OS: darwin arm64

Angular: 16.2.0
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1600.2
@angular-devkit/build-angular   16.2.0
@angular-devkit/core            16.2.0
@angular-devkit/schematics      16.2.0
@schematics/angular             16.0.2
rxjs                            7.8.0
typescript                      5.0.4
webpack                         5.76.0
zone.js                         0.13.0
```


### Anything else?

_No response_