Incorrect typing for Shape['borderRadius']

[MonstraG]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Shape interface is described like this:

export interface Shape {
  borderRadius: number | string;
}

but properties reference table mentions following theme mapping for borderRadius property: theme.shape.borderRadius * value, but you cannot multiply string * number

Expected behavior 🤔

export interface Shape {
  borderRadius: number;
}

Steps to reproduce 🕹

See context

Context 🔦

This also forbids me from doing the exact same operation from the docs:

Your environment 🌎

`npx @mui/envinfo`

  System:
    OS: Windows 10 10.0.22000
  Binaries:
    Node: 17.9.0 - C:\Program Files\nodejs\node.EXE
    Yarn: 3.2.0 - ~\AppData\Roaming\npm\yarn.CMD
    npm: 8.5.5 - C:\Program Files\nodejs\npm.CMD
  Browsers: N/A
  npmPackages:
    @emotion/react: ^11.9.0 => 11.9.0
    @emotion/styled: ^11.8.1 => 11.8.1
    @mui/base:  5.0.0-alpha.83
    @mui/icons-material: ^5.8.2 => 5.8.2
    @mui/lab: ^5.0.0-alpha.84 => 5.0.0-alpha.84
    @mui/material: ^5.8.2 => 5.8.2
    @mui/private-theming:  5.8.0
    @mui/styled-engine:  5.8.0
    @mui/system:  5.8.2
    @mui/types:  7.1.3
    @mui/utils:  5.8.0
    @mui/x-date-pickers:  5.0.0-alpha.1
    @types/react: ^18.0.9 => 18.0.9
    react: ^18.1.0 => 18.1.0
    react-dom: ^18.1.0 => 18.1.0
    typescript: ^4.7.2 => 4.7.2

[MHebes]

I've run into the opposite problem now: I want to set my shape.borderRadius to be 20px, but I can't because it's a number.

[ZeeshanTamboli]

@MHebes See the discussion in #35156