bug: --border-radius custom css style does not apply to the ion-select component

[anddorua]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v7.x

Current Behavior

When you set this property --border-radius in the styles of the ion-select, ion-select still has non-rounded corners.

Expected Behavior

ion-select should have rounded corners according to the --border-radius property.

Steps to Reproduce

1. add ion-select to the page
2. apply some class to the ion-select
3. describe class with the following style definitions
   --border-radius: 10px;
   --background: olive;
4. ion-select will have no provided radius

Code Reproduction URL

https://github.com/anddorua/ionicSelectBorderRadius

Ionic Info

[WARN] Error loading @ionic/angular package.json: Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './package' is
       not defined by "exports" in
       /home/andrii/projects/ionic-select-border-radius/ionicSelectBorderRadius/node_modules/@ionic/angular/package.json
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'

       Require stack:
       - /home/andrii/projects/node_modules/@ionic/cli/lib/project/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/lib/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/bin/ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package'

       Require stack:
       - /home/andrii/projects/node_modules/@ionic/cli/lib/project/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/lib/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/index.js
       - /home/andrii/projects/node_modules/@ionic/cli/bin/ionic

Ionic:

   Ionic CLI                     : 6.20.8 (/home/andrii/projects/node_modules/@ionic/cli)
   Ionic Framework               : not installed
   @angular-devkit/build-angular : 15.2.6
   @angular-devkit/schematics    : 15.2.6
   @angular/cli                  : 15.2.6
   @ionic/angular-toolkit        : 9.0.0

Capacitor:

   Capacitor CLI      : 4.7.3
   @capacitor/android : not installed
   @capacitor/core    : 4.7.3
   @capacitor/ios     : not installed

Utility:

   cordova-res : not installed globally
   native-run  : 1.7.2

System:

   NodeJS : v18.12.1 (/home/andrii/.nvm/versions/node/v18.12.1/bin/node)
   npm    : 9.2.0
   OS     : Linux 5.10


  ────────────────────────────────────────────────

     Ionic CLI update available: 6.20.8 → 7.0.1
         Run npm i -g @ionic/cli to update

  ────────────────────────────────────────────────

Additional Information

Also you will have a bunch of warnings in the console if you will set interface="popover" for ion-select. Probably because of old-style ion-radio used in the popover.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.