stylePreprocessorOptions not work in version 19.6.0

[Congchuabongbong]

Current Behavior

I want to configure relative paths for global styles. But it seems it doesn't work. I tried on a project created directly from angular and it still works fine and my old project using nx-workspace version 16.1.0 still works fine.
I have configured the project.json file like so:

My folder structure is like so:

and then i used in file styles.scss like so:

and it gave an error:

Expected Behavior

A relative path works
@import '../styles/_variables.scss';
this should works as well
@import '_variables.scss';

GitHub Repo

No response

Steps to Reproduce

Nx Report

{
    "name": "bravo-web-portal",
    "$schema": "../../node_modules/nx/schemas/project-schema.json",
    "projectType": "application",
    "prefix": "app",
    "sourceRoot": "apps/bravo-web-portal/src",
    "tags": [],
    "targets": {
        "build": {
            "executor": "@angular-devkit/build-angular:application",
            "outputs": ["{options.outputPath}"],
            "options": {
                "outputPath": "dist/apps/bravo-web-portal",
                "index": "apps/bravo-web-portal/src/index.html",
                "browser": "apps/bravo-web-portal/src/main.ts",
                "polyfills": ["zone.js"],
                "tsConfig": "apps/bravo-web-portal/tsconfig.app.json",
                "inlineStyleLanguage": "scss",
                "assets": [
                    {
                        "glob": "**/*",
                        "input": "apps/bravo-web-portal/public"
                    }
                ],
                "styles": ["apps/bravo-web-portal/src/styles.scss"],
                "stylePreprocessorOptions": {
                    "includePaths": ["src/styles"]
                },
                "scripts": []
            },
            "configurations": {
                "production": {
                    "budgets": [
                        {
                            "type": "initial",
                            "maximumWarning": "500kb",
                            "maximumError": "1mb"
                        },
                        {
                            "type": "anyComponentStyle",
                            "maximumWarning": "2kb",
                            "maximumError": "4kb"
                        }
                    ],
                    "outputHashing": "all"
                },
                "development": {
                    "optimization": false,
                    "extractLicenses": false,
                    "sourceMap": true
                }
            },
            "defaultConfiguration": "production"
        },
        "serve": {
            "executor": "@angular-devkit/build-angular:dev-server",
            "configurations": {
                "production": {
                    "buildTarget": "bravo-web-portal:build:production"
                },
                "development": {
                    "buildTarget": "bravo-web-portal:build:development"
                }
            },
            "defaultConfiguration": "development"
        },
        "extract-i18n": {
            "executor": "@angular-devkit/build-angular:extract-i18n",
            "options": {
                "buildTarget": "bravo-web-portal:build"
            }
        },
        "lint": {
            "executor": "@nx/eslint:lint"
        },
        "test": {
            "executor": "@nx/jest:jest",
            "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
            "options": {
                "jestConfig": "apps/bravo-web-portal/jest.config.ts"
            }
        }
    }
}

Failure Logs

Package Manager Version

No response

Operating System

• macOS
• Linux
• Windows
• Other (Please specify)

Additional Information

No response

[JonasLuechau]

Shouldn't it be "apps/bravo-web-portal/src/sryles" instead of "src/styles"? As far as I know, includePaths is relative from repository root.

[Congchuabongbong]

Shouldn't it be "apps/bravo-web-portal/src/sryles" instead of "src/styles"? As far as I know, includePaths is relative from repository root.

I tried that but it still doesn't work! Try it out.

[Yawarzy]

@Congchuabongbong Were you able to find any solution to this problem?

[Congchuabongbong]

@Congchuabongbong Were you able to find any solution to this problem?

The first time you build there will be an error. But just ctr + s build again and there will be no more errors. It's confusing :)

[Coly010]

@Congchuabongbong If you can provide a repo with a minimal reproduction of this issue that I could clone that would be super helpful! Thank you :)

[github-actions]

This issue has been automatically marked as stale because no reproduction was provided within 7 days.
Please help us help you. Providing a repository exhibiting the issue helps us diagnose and fix the issue.
Any time that we spend reproducing this issue is time taken away from addressing this issue and other issues.
This issue will be closed in 21 days if a reproduction is not provided.
If a reproduction has been provided, please reply to keep it active.
Thanks for being a part of the Nx community! 🙏

[github-actions]

This issue has been closed for more than 30 days. If this issue is still occuring, please open a new issue with more recent context.