Si mi código que quiero heredar está en otro archivo css como as haría la herencia ?

Mira lo fácil es que crees un archivo llamado _variables.scss (debe incluir el _) En ese archivo incluyes todas las variables que vayas a usar en otros archivos .scss

Despise para poder usar esas variables que están en ese archivo solo pones @use 'variables'; (en este caso sin el _)

y para llamar alguna variable lo haces de esta forma: variables.$nombrevariable

Te dejo un ejemplo:

Tienes que hacer uso del otro archivo.

Utilizas el comando @use 'nombre'; y el archivo que estas utilizando debe llamarse _nombre.scss

similar a un include de php

@import ?

https://developer.mozilla.org/es/docs/Web/CSS/@import

con Less, Pug, etc tambien tienen otras formas, pero siempre he trabajado con Sass que me resulta mas comodo.

Hla Bryan_ec!!! No entiendo completamente tu pregunta pero solo con preprocesadores como Sass puedes har eso, si es este tu caso te recomiendo leer esto que es muy util: https://uniwebsidad.com/libros/sass/capitulo-7 y si es con css, no se puede hacerlo, o hasta donde se no es posible a menos que le proporciones a dos clases las mismas propiedades asi:

.btn-red,
.btn-yellow {
	color: #000;
	outline: none;
	padding: 10px 20px;
	margin: 5px 10px;
}

.btn-red {
	background-color: red;
}

.btn-yellow {
	background-color: yellow;
}